Archived topic
text over header video
3 replies · Started by chris on September 3, 2019
Viewing posts 1–4 of 4
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
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.
That worked. Thanks David.
You're welcome
This archived topic is closed to new replies.