[Resolved] text over header video

[chris]

Hi

I have created a video in the header hero using the HTML and CSS code as documented. Video plays ok.

As the video was dull I found the CSS code that changes the opacity. But changing the opacity also affects the hero text over the video. Setting the CSS code opacity at 1, the text totally disappears.

I have seen similar questions in the help forum and tried to fix but with no luck. Please advise how to make the text visible over the video.

Thanks

Chris

[David]

Hi there,

you just need to set the Elements position to relative e.g

.page-hero h1 {
    position: relative;
}

This will make all H1’s in the element relative, which will put it to the front.

[chris]

That worked. Thanks David.

[David]

You’re welcome

[Author]

Posts