change background color in top header with extra elements - Support

Tagged: background color, enfold, extra content, header

Viewing 12 posts - 1 through 12 (of 12 total)

Author

Posts
January 23, 2017 at 3:46 pm #737286

goodpixel
Participant

http://www.futura-grading.com/new/ I need to change background color for header with extra elements like http://www.futura-grading.com/

January 23, 2017 at 4:07 pm #737298

goodpixel
Participant

#3 : Dashboard > Enfold Theme Options > Advanced Stylingx = “Small bar above main menu”

January 23, 2017 at 4:15 pm #737302

Yigit
Keymaster

Hey!

Glad you figured it out! Let us know if you have any other questions or issues :)

Best regards,
Yigit

January 23, 2017 at 5:40 pm #737365

goodpixel
Participant

But do not work how I wont http://www.futura-grading.com/new/news/futura-grading-new-website-online/ other part is red not only header with extra elements

January 23, 2017 at 5:42 pm #737366
Yigit
Keymaster
Hey!

Please add following code to Quick CSS in Enfold theme options under General Styling tab
```
#header_meta {
    background: #d40c25;
}
```
Cheers!
Yigit
January 23, 2017 at 5:46 pm #737368

goodpixel
Participant

No I mean the all border form http://www.futura-grading.com/new/contacts/ why are red ????

January 23, 2017 at 5:48 pm #737371

goodpixel
Participant

Sorry now it works!

January 24, 2017 at 6:56 am #737541

Rikard
Keymaster

Hi,

Great, glad you got it working. Please let us know if you should need any further help on the topic.

Best regards,
Rikard

March 10, 2023 at 6:48 pm #1400752

StrategyDriven
Participant

Hello,

I’m having the same challenge changing the color of the Extra Content Header after inserting the Quick CSS above. I’m trying to make the Extra Content Header (currently in black) match our footer (currently #383838) on the website: https://envisionedideas.website/home-envisioned-ideas-proposal/

Any help you can provide is greatly appreciated!

Thank you!

All the Best,
Nathan

March 11, 2023 at 12:17 pm #1400822
Rikard
Keymaster
Hi Nathan,

This CSS is coming from your child theme:
```
#top #header_meta, #top #header_meta nav ul ul li, #top #header_meta nav ul ul a, #top #header_meta nav ul ul {
  background-color: #1c1e1c !important;
}
```
Did you add that to Quick CSS? If so, then you can change the colour there.

Best regards,
Rikard
March 12, 2023 at 5:06 pm #1400938

StrategyDriven
Participant

Thank you, Rikard! I did add it to the Quick CSS but that did not work. I went to the Additional CSS location under the Enfold Theme Child using WordPress’s build-in CSS editor (Theme/Customize) and made the change there. Then it worked!

Again, I greatly appreciate your help. Enjoy the day!

March 12, 2023 at 6:04 pm #1400945

Mike
Moderator

Hi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike
Author

Posts