Change Main Menu Bar Color « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Change Main Menu Bar Color

4 posts from 4 voices

Tags:

No tags yet.

camillaanders
Member

I want to change the color of the main menu bar area to extend across the entire screen and from the top of the slide show to the bottom of the gray divider line below the logo. I tried the following code in the quickCSS area, but it only colors the background of the menu text items. I need a broader area covered.

#top .main_menu ul.menu > li > a {
color: red;
background: #5a4099;
font-weight: normal;
}

What code should I use? And of course that brings up the next point: How do I change the color of the divider lines in the main menu area?

Posted 1 month ago #

Ismael
Moderator

Hi,

You can use this on your custom.css

.container_wrap.container_wrap_menu.header_color, .header_color .main_menu ul {
color: red;
background: #5a4099;
font-weight: normal;
}

To change the separator color, you can add this.

.header_color a {
border-color: red;
}

Regards,
Ismael

Posted 1 month ago #

isaotasaka
Member

Is there a way to just change the top bar without it affecting the dropdowns? or a way to change the dropdown menu color separately from the main header menu?

Posted 1 month ago #
Dude
Dude
Hi!

Yes - you can use:
```
#top .main_menu li a .sub-menu > a{
color: #5a4099;
}
```
- this code will only affect links in the sub menu dropdowns.

Regards,
Peter
Posted 1 month ago #

You must log in to post.