We're merging with GenerateBlocks! Learn more here.

[Resolved] Image Overlay Opacity

Please login to receive premium support.

Support for the free plugin can be found here.

Home › Forums › Pro Support › Image Overlay Opacity

Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 21, 2020 at 6:47 am #18450
    Alan
    Participant

    I set up a number of lists on my staging site and would like to set the image overlay color opacity to 10 or 20% so that the white text titles display more clearly against the background image. I thought that when I set up the lists originally (back in June) that there was a second color selector that controlled this. What is the best way to set the overlay color opacity? You can see the an example list here https://savacaystage.wpengine.com/interests/.

    August 21, 2020 at 3:25 pm #18464
    Tom
    Keymaster

    Hi there,

    Looks like a bug we need to fix.

    For now, try this:

    body #wpsp-53110 .wp-show-posts-image .wp-show-posts-image-overlay {
    background-color: rgba(0,63,135,0.9) !important;
}

    Let me know 🙂

    August 21, 2020 at 3:44 pm #18472
    Alan
    Participant

    Tom:

    That did not work. Any other suggestions?

    August 22, 2020 at 12:20 pm #18498
    Tom
    Keymaster

    Just edited the code above – can you give it another shot?

    August 22, 2020 at 1:01 pm #18511
    Alan
    Participant

    Tom:

    That worked. Thanks. Since I have multiple lists, is there a way to code the opacity globally, such as adding all of the lists with a comma after each one or removing the list #?

    Please let me know…

    August 23, 2020 at 1:16 pm #18526
    Tom
    Keymaster

    As of right now you’d need to do this:

    body #wpsp-53110 .wp-show-posts-image .wp-show-posts-image-overlay,
body #wpsp-53110 .wp-show-posts-image .wp-show-posts-image-overlay,
body #wpsp-53110 .wp-show-posts-image .wp-show-posts-image-overlay,
body #wpsp-53110 .wp-show-posts-image .wp-show-posts-image-overlay {
    background-color: rgba(0,63,135,0.9) !important;
}

    You’d just need to change the 53110 to the proper list ID.

    August 23, 2020 at 2:22 pm #18533
    Alan
    Participant

    That worked…Thanks.

    August 24, 2020 at 3:22 pm #18560
    Tom
    Keymaster

    No problem!

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