Update Header Background Color

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket

Tagged: Update Header Background Color

Author

Posts
April 17, 2020 at 11:07 am #540840

Robert Davenport
Buyer

Post count: 609

Can someone please explain where/how to update the header background color from this shadow grey to plain white?

I’ve updated everything I could find in the Appearance – Customize – Header Background Colors and it will not change from this dark color to plain white.

Please help explain how this is supposed to be accomplished using the GD v2 Supreme Directory theme…?

Thank you,
Robert

April 17, 2020 at 12:51 pm #540869

Kor
Moderator

Post count: 16516

hi Robert,

Thanks for your post. Could you share the URL of the page in question? We can try adjusting the color using custom CSS.

April 17, 2020 at 12:53 pm #540870
Alex Rollin
Moderator

Post count: 27815
Please share a link to the page

It looks like you have a very large logo and that the header menu area has been expanded greatly.
It looks like the overlay color is covering the header area also.
```
/*Adjust Supreme Featured Area Overlay Opacity and Color*/
header .featured-area::before {
    background-color: white!important;
    opacity: 0;
```
We recommend a logo of 100px high or less.

We have extensive CSS examples here, for your reference:
https://wpgeodirectory.com/docs-v2/themes/supreme/
April 17, 2020 at 2:12 pm #540882

Robert Davenport
Buyer

Post count: 609

This reply has been marked as private.

April 17, 2020 at 2:17 pm #540883

Robert Davenport
Buyer

Post count: 609

Alex, that code snippet fixed this issue by adding it to the CSS.

Will this be overwritten upon future updates…?

April 18, 2020 at 12:45 am #541000

Alex Rollin
Moderator

Post count: 27815

https://wpgeodirectory.com/docs-v2/faq/customizing/

Add it to the customizer and it will only disappear if you delete it or change theme.
Author

Posts