[Resolved] How can I show youtube videos & images to full width

[Dhruv]

Dear Tom

How can I show my youtube videos & Images inside my post content to full width of content container. Currentlt it is showing some padding similar to rest of content.

Today, I just purchased Generate Press and I am loving it.
I am yet to discover many addons.

Regards

[Tom]

Hi there,

Glad you’re enjoying the theme! 🙂

The Spacing addon has a class that comes with it so you can ignore the spacing you have set in the content.

So, you would first wrap your video/image in a div, and give that div the class provide by the Spacing addon.

<div class="ignore-x-spacing">
      video/image in here
</div>

And that should do it 🙂

[Dhruv]

Dear Sir

Its not working. Also youtube video width & height is very small if i dont set width and height in youtube iframe link.

[Tom]

Can you link me to the page where you’re trying this?

Thanks!

[Franz]

<div class=”ignore-x-spacing”> ignores only the left padding.
If you use <div class=”ignore-xy-spacing”> the top padding disappears as well.

But under the Video there is too much space between the video and the Headline.

How can I handle this?

[Tom]

You can alter the bottoms spacing like this:

.ignore-xy-spacing {
      margin-bottom: 40px;
}

[Franz]

Thanks! This works.
I used Custom CSS.

[Author]

Posts