[Resolved] text over header video

Home Forums Support text over header video

  • This topic has 3 replies, 2 voices, and was last updated 1 year ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1000548
    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

    #1000674
    David
    Staff
    Customer Support

    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.

    #1000751
    chris

    That worked. Thanks David.

    #1001156
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.