Site logo

[Resolved] Opacity Layer

Home Forums Support [Resolved] Opacity Layer

Home Forums Support Opacity Layer

  • This topic has 3 replies, 2 voices, and was last updated 3 years ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2572311
    Rick

    How can I add an opacity layer on a hero image in a Header Element? I’d like the hero image to appear darker using something like rgba(0, 0, 0, 0.3) as the overlay. I’m using the WPBakery page builder (not my choice).
    Thanks!
    -Rick

    #2572419
    David
    Staff
    Customer Support

    Hi there,

    if you edit your Header Element, on the Page Hero tab, if you have an image set there is an option use Background Overlay check that, and then set the Background Color and that will create the overlay.

    #2572475
    Rick

    I tried that, but I used just a hex value for the color, which wiped out the image. Now I’m using rgba(0, 0, 0, 0.3) instead, and it works perfectly. I don’t know why I didn’t try that earlier. Thanks for your help!

    #2572853
    David
    Staff
    Customer Support

    You’re welcome

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.