Recorded Sermons inserting rogue CSS padding?

About › Support › Media › Recorded Sermons inserting rogue CSS padding?

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • 22nd January 2021 at 3:58 pm #5298
    Avatar for Rich CoxRich Cox
    Participant

    Hi Andy,

    Sorry to bother you but I have an issue that’s been driving me crackers! I have a test page here https://www.dorchestercommunitychurch.org.uk/test/

    When it ‘fully’ loads it is inserting what seems to be a rogue DIV with some style applied:

    style=”padding-top: 56.2498%;”>

    This is under the <h2> tag for the title of the sermon

    I know I have messed with the CSS on this page (i.e. swapping the column views etc) but I have disabled all additional CSS, disabled all plugins (except Church Admin) and cleared cache but still it appears.

    Oddly, if I click on the title of a talk in the ‘left hand column’ it loads the talk in the right hand column with no rogue DIV i.e. the top padding is now correct.

    I’ve added sermon series images / removed them as well just in case but nothing I do makes it work.

    Am I missing something very obvious here please?

    I’d be very grateful for any suggestions.

    Blessings Rich.

    22nd January 2021 at 4:17 pm #5299
    Avatar for Andy MoyleAndy Moyle
    Keymaster

    The 56.2498% top padding is an aspect ratio trick by Chris Coyier for full width video embedding
    `

    EMBED code

    If you look at your site your theme is detecting a video embed and applying the 56.2498% trick on top of Church admin applying it – by adding the class fluid-width-video-wrapper and doing it really slowly as it starts fine and then when the document is loaded applies the class šŸ˜‰

    The script doing it is https://www.dorchestercommunitychurch.org.uk/wp-content/themes/Divi/includes/builder/scripts/ext/jquery.fitvids.js – which is credited to….. Chris Coyier!

    22nd January 2021 at 4:19 pm #5300
    Avatar for Rich CoxRich Cox
    Participant

    Thanks Andy…

    That’s helpful.

    Will do some more digging.

    Thank you for your time!

    22nd January 2021 at 4:39 pm #5301
    Avatar for Rich CoxRich Cox
    Participant

    Got it sussed… was wracking my little brain but found a CSS class that I added to the element and it stopped the .js running.

    For anyone else with this issue in DIVI theme, it’s an easy fix that can be found here;

    Disable Divi responsive video stretching (fitvids.js)

    Thanks Andy,

    Have a great weekend!
    Blessings Rich.

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