Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #196490

    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!

    #196495

    Hey simplefly!

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

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

    Regards,
    Yigit

    #196498

    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?

    #196601

    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

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