Overlay colour

Hi

Can I change my overlay colour to white?


Thanks

Heather

Comments


  • You already added custom CSS for the overlay of testimonial section. Either remove it or edit it in a similar way like just I shared:

    .testimonial-section .overlay {
    1. backgroundrgba(152, 175, 185, 0.7) !important;
  • Hi

    I know I have asked this before but I have removed the plugins that enabled this.

    I want to do this without a plugin.

    That code has not worked.

    Thanks

    Heather
  • We have checked but nowhere we found this added custom CSS. Most probably it may come from the server cache. Can you please check after clearing the server cache. Maybe that will resolve this issue.
  • Hi

    I have cleared my cache and tried it on another device and it is still displaying as black. 

    Thanks

    Heather
  • Please try with this custom CSS:

    /*testimonial overlay*/
    .testimonial-section div.overlay {
        background: rgba(121, 141, 150, 0.7) !important;
    }
    /*testimonial overlay*/

    Let me know did it work!
  • Hi

    It is still not white. 

    That makes it turn a strange grey colour.

    Looks like the white is placed over the black.

    Thanks

    Heather
  • Hi, 

    For white color use RBGA code: rgba(255, 255, 255, 0.52). For density/opacity change the value of 0.52

    This CSS only change the overlay background color but does not comes over any other black.


  • That has worked thank you
This discussion has been closed.