Black Friday sale! Get 25% off WPSP Pro! Discount automatically applied at checkout.

[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

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

    #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 🙂

    #18472
    Alan
    Participant

    Tom:

    That did not work. Any other suggestions?

    #18498
    Tom
    Keymaster

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

    #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…

    #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.

    #18533
    Alan
    Participant

    That worked…Thanks.

    #18560
    Tom
    Keymaster

    No problem!

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