#127915 CSS issues when using WP Rocket

Landing Forums JupiterX WordPress Theme CSS issues when using WP Rocket

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • Christopher Bowling

    Hello

    I am using WP Rocket to speed up my site.

    The function for lazy loading iframes and YouTube videos is adding a large space above embedded videos.

    For example https://drumfaster.com/drummers/benny-greb/

    WP Rocket has said that spacing is being added by the theme and has provided the below.

    How do I amend this?

    FROM WP ROCKET

    The problem is that the theme/plugin you’re using to add the YouTube video has the following CSS style added:

    And it’s coming from this file:

    While it doesn’t affect an iframe it certainly affects divs. WP Rocket creates a div to place instead of the YouTube iframe thus the spacing you’re seeing. So to use the feature you would need to modify the CSS and remove that padding or disable WP Rocket’s lazyload for iframes and YouTube.

    Tatyana Hutsol Support Team

    Hello,

     

    Please add this code in Jupiter X > Theme Styles > Additional CSS:

    .wp-block-embed:not(.wp-block-embed-twitter):not(.wp-block-embed-instagram):not(.wp-block-embed-wordpress):not(.wp-block-embed-flickr):not(.wp-block-embed-reddit) .jupiterx-oembed {
    padding-top: 0 !important;
    }

    Let us know the result.

     

    Regards.

    Christopher Bowling

    Thanks Tatyana!

    This has worked perfectly!

    Amir Rather Support Team

    You’re most welcome Christopher 🙂

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