[Resolved] Image in front of video

[takkularapsis]

Hi,

How could i put my image under the first section in front page so that the blue image would go under nicely. No it is over the section with different screen sizes?

[David]

Hi there,

how is that page built? It looks like it is Custom HTML.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[takkularapsis]

Hi,

The blue texture is custom image in header element. But i have no skill to put it going nicely in front of video. I dont is it best way to make such?

[Elvin]

Hi,

Are you trying to achieve something like this?
https://share.getcloudapp.com/JruqqjpX

if so, try adding this CSS:

.page-hero {
    overflow: hidden;
    position: relative;
}

If you find the video window too small, you can adjust how big it’ll appear using the Header Element’s padding.

A wise man once said:
"Have you cleared your cache?"

[takkularapsis]

Exactly that! Cheers!

[Elvin]

Exactly that! Cheers!

More tip: Make sure to adjust the padding differently on mobile as its vertical sizing is quite different.

A wise man once said:
"Have you cleared your cache?"

[Author]

Posts