[BenniemanZA]

Hi Catch Themes support.

What CSS can I use to change the colors of the text in the menu bar.

Thanks.

http://www.samanexpo.co.za/

[Sakin]

@BenniemanZA: I see that you site is sill user construction so I couldn’t check in. I you are using Catch Everest Pro theme then you can change the color easily from “Appearance => Theme Options => Color Options” where you have color picker and can change any color you want.

If you are using Free Version of Catch Everest Theme, then you can change the color of them text in the menu bar by changing the color code in following CSS and adding it in “Appearance => Theme Options => Custom CSS” box.
#header-menu ul.menu a { color: #eee; }

[BenniemanZA]

Thanks Sakin,

Worked perfectly.

[MVS]

Hi Sakin,
could you tell me the code to change it in “Custom CSS”for:
– the color of the menubar
– the color of the dropdown-menu
– the background of the header. my logo is placed there but i wanna change the background

I do understand a little CSS, but I went through the Stylesheet in the header but couldn’t find the right classes.

[Sakin]

@MVS: If you are using Pro/Premium theme then you will get that in your Color Options in Theme Options panel. But if you are using Free version then you need to add in Custom CSS. For that I need to check in your site. Please post in your site URL.

[MVS]

Ok, this is my site
Click

[Sakin]

@MVS:
For the color of the menubar, you can add the following CSS in “Appearance => Theme Options => Custom CSS” box.
#header-menu { background-color: #3A3D41; }

For the color of the dropdown-menu, you can add the following CSS in “Appearance => Theme Options => Custom CSS” box.
#header-menu ul.menu ul a { background-color: none #3a3d41; }

To change the background of the header, you can add the following CSS in “Appearance => Theme Options => Custom CSS” box.
#hgroup-wrap { background-color: #ccc; }

To change the colors: just change color code as per your need.

[MVS]

Great, thank you very much

[MVS]

Sorry, if I wanna know too much, but how do i innvert the colors when i hover with the cursor over it.

I mean like this:
without hovering –> dropdown background-color white and (font-)color blue
hovering –> dropdown background-color blue and (font-)color white

[Sakin]

@MVS: First remove the following CSS from your “Custom CSS” box.

#header-menu ul.menu ul a { background-color: #336699 }
#header-menu ul.menu ul a { color: white; }

Then add the following CSS:

/* Dropdown Menu with background white and color blue */
#header-menu ul.menu ul a {
	background-color: #fff;
	color: #336699;
}
/* Hover Dropdown Menu with background blue and color white */ 
#header-menu ul.menu ul li:hover > a {
	background-color: #336699;
	color: #fff;
}

[littleblue03]

Hi there,

I’m using catch evolution and trying to change the menu background color and text.

Could you please give me some tips? None of the above codes worked for me.

My site:

Thanks in advance!!

[Sakin]

@littleblue03: Please post in Proper Support Forum. This is Catch Everest support forum, for Catch Evolution add it in this forum http://catchthemes.com/support-forum/forum/catch-evolution-free-theme/. Also when I check in your site, you already have change the menu background to green color.

[littleblue03]

Sorry Sakin,

I just found the correct Forum after my question and realized this is not the correct one.

And there I found the solution.

Thanks for taking time to answer anyway.

Regards.

[Author]

Posts