function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
KALYANI GURRAMKALYANI GURRAM 

VF page/Gray overlay

Hi All,
I created a VF page embedded with html code and placed on community. It was showing gray overlay as shown in the picture.

Could some one help me how to remove gray overlay around the text. I wanted to show white background.

Thanks for all your help as always.

User-added image
VinayVinay (Salesforce Developers) 
Try below snippet in your VF page.
     
<style type="text/css">
        body {
    background-color: white;
}
        .pbTitle {
        white-space:nowrap;
        border:white;
    }
   
    </style>

Reference:
https://salesforce.stackexchange.com/questions/170044/remove-gray-css-overlay-for-images-in-community
https://trailblazers.salesforce.com/answers?id=9063A000000l8yQQAQ

Thanks,
KALYANI GURRAMKALYANI GURRAM
Thanks Vinay for your quick response.
I tried but not working.
I got it with this code. I am posting it here in case if some on need it in the future

<style> html .brandQuaternaryBgr{ background:#F1F3F5!important; } </style>