Return to previous page

Change Header, Fixed Header and Menu Link Colors.

This topic has 10 replies, 3 voices, and was last updated 9 years, 10 months ago ago by Robert Hall

venetia

Participant

January 16, 2015 at 23:07

Hi, I am using the header variant 1.

I want to achieve the following:
1.) The header and fixed header’s background color should be #5d5c62.
2.) The menu links on both the fixed and main navigation header should be white.
3.) The active link color can stay the same. (Set in theme options)

I hope you can assist. Thanks in advance.

#33950 Copied

9 Answers
Eva Kemp

Support staff

January 16, 2015 at 23:22
Hello,

1. Please add this code in custom.css file:
```
header, .fixed-header-area {
    background-color: #5d5c62 !important;
}
```
2. Add this code in custom.css:
```
.menu > li > a {
    color: white;
}
```
How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

Thank you.
Regards,
Eva Kemp.
#33953 Copied
venetia

Participant

January 16, 2015 at 23:55

Thank you, the background color works fine, though the text won’t show correctly without “!important;”
next to the css. Though the active link color doesn’t want to show.

#33961 Copied

Robert Hall

Support staff

January 17, 2015 at 08:43

Hello,

As I see your issue solved. Didn’t it?

Regards,
Robert Hall.

#33974 Copied

venetia

Participant

January 17, 2015 at 13:40

I have sorted out the menu. Though I am struggling with the following.

I am using different gradient backgrounds and images, every now and then there are white spaces between elements. How do I get rid of them?

#34013 Copied

Eva Kemp

Support staff

January 17, 2015 at 14:59

Hello,

Please provide us with a page link and wp-admin panel credentials to check the issue.

Thank you.
Regards,
Eva Kemp.

#34022 Copied

venetia

Participant

January 19, 2015 at 21:57

I have sorted out the last issue. I still need help with the first one.

After changing the menu color and menu link color, The active menu link color on the menu doesn’t want to work.

“Thank you, the background color works fine, though the text won’t show correctly without “!important;”
next to the css. Though the active link color doesn’t want to show.

Please, contact administrator
for this information.

#35082 Copied
Robert Hall

Support staff

January 19, 2015 at 22:11
Hello,

I’ve added this code into custom.css file. Check it please.
```
.menu >li.current-menu-item >a{
color: #f05423 !important;
}
```
Also please clear cache your site and browser.

Regards,
Robert Hall.
#35165 Copied
venetia

Participant

January 20, 2015 at 00:57

Thank you. The problem has been resolved.

#35253 Copied

Robert Hall

Support staff

January 20, 2015 at 09:35

Hello,

You’re welcome!

Regards,
Robert Hall.

#35287 Copied
Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘Change Header, Fixed Header and Menu Link Colors.’' has been successfully resolved, and the topic is now closed for further responses

Change Header, Fixed Header and Menu Link Colors.

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection