Inline styles problem

About Support Media Inline styles problem

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #5166
    Avatar for seanmcintseanmcint
    Participant

    My video embeds suddenly have a massive 56% padding above them. I can’t fix this with a stylesheet because the styles are inline. Pretty certain that this isn’t my code

    #5167
    Avatar for Pastor AndresPastor Andres
    Moderator

    Where can I see an example? Can you send a link?

    #5168
    Avatar for seanmcintseanmcint
    Participant
    #5169
    Avatar for Andy MoyleAndy Moyle
    Keymaster

    A while back you posted that videos in the podcasting section weren’t maintaining aspect ratio.
    There’s some inline styling now that fixes that using a padding trick that is pretty standard.

    But your theme has some extra styling that breaks it. You are adding “fluid-width-video-wrapper” to the div container class for the iframe which sets the padding back to 0, clashing with the container. If you stop adding the fluid-width-video-wrapper it will be fine.

    The padding trick is also used on the video shortcode, so that will break on your site if you have some jQuery that adds that fluid-width-video-wrapper

    #5171
    Avatar for seanmcintseanmcint
    Participant

    Hello, Andy, sorry about that. <br>

    I’m only using the shortcode and haven’t made any changes to the ‘fluid-width-video-wrapper’. This change just appeared a week or three ago and I didn’t notice but as it’s within the the code generated by the shortcode I assumed that it was something you changed.The only other possibility is that a theme update includes some sort of automatic insertion of this class of Div.

    The 0px padding that you mentioned has always been there and will always be overridden by padding-top anyway.

    Anyways, I’ve introduced a negative margin as a work around.

    Hope you had a blessed Christmas 🙂

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.