Blog – Gray film on top half of page – how to remove

Hey there,

You can achieve what you’re after by adding following custom CSS to your child theme’s stylesheet or by using a plugin like Advanced CSS Editor, for the sake of simplicity:

span.camera_bar_cont{
    background-color:transparent;
}

Hope it helps ??

Thank you Suyogya Shukla!

I’m new to WordPress. I added that to my style sheet, but it had no change. Where exactly am I supposed to add that?

Drake

Add next CSS code to:

Appearance -> Customize -> Styling -> Custom CSS

code:

#top-bar { display: none; }

Regards

Did it worked for you drcontor ? I have simmilar issue, but the above do not solve the problem. https://www.heliowat.pl/baza-wiedzy/

Thank you jerryscg,

However that did not solve my problem. After pasting that code in the Custom CSS, there was no change that I could see.

I still have this same issue of the gray film covering the top section of my blog: https://www.emmersionlearning.com/blog/

It is only for my blog page, should I be indicating in my code that it is only for the blog page?

Hey there,

Try replacing the code I gave you with following:

span.camera_bar_cont{
    background-color:transparent!important;
}

Install Advanced CSS Editor and navigate to Appearance -> Customize -> Advanced CSS Editor from your WordPress dashboard and paste the code there. Hope it helps ??

that solved it. thank you!!!

I went here:
Appearance -> Customize -> Styling -> Custom CSS

And I entered this code:
span.camera_bar_cont{
background-color:transparent!important;
}

And it worked.

Hey there,

Glad I was able to help. Cheers ??