Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 5, 2013 at 5:10 am #196490
    simplefly

    Hi guys. I was hoping you could help me out with a spacing issue I’m having.

    I’m working on a site which has third party videos embedded throughout. Every time I embed a video, I’m getting a huge gap underneath it. I’ve tried embedding the video on a regular html page (not wordpress) and I don’t get the problem, so I’m thinking it’s a styling issue with the theme’s css.

    You can view an example of the issue on this page: http://shiaunycspine.com/dev/conditions/carpal-tunnel-syndrome/

    Notice the large gap between the bottom of the video and the top of the body text. How can we reduce that?

    Thanks!

    December 5, 2013 at 5:23 am #196495
    Yigit

    Hey simplefly!

    Please try adding following code to Quick CSS in Enfold theme options under Styling tab

    #A_a10ce3df { margin-bottom: -40px; }

    Regards,
    Yigit

    December 5, 2013 at 5:26 am #196498
    simplefly

    Hi buddy! Thanks for the help. It worked great for that particular video. However, it didn’t do anything for the dozens of other videos throughout the site. For example, this page has about 6 different videos: http://shiaunycspine.com/dev/minimally-invasive-surgical-options/lumbar-2/

    Is there a way to adjust the code so that it decreases the bottom margin on all the videos?

    December 5, 2013 at 11:25 am #196601
    Ismael

    Hi!

    Please add this on your custom.css or Quick CSS:

    .page-id-1098 iframe {
margin-bottom: -40px;
}

    How do you embed the videos? Did you assign the id like this one “#A_a10ce3df”?

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Spacing Issue’ is closed to new replies.