[mikegogno]

Thank you for the theme. I want to change my menu colors. I’m almost there I just need one more step.

I want the colors to be like this:

– menu bar: red (#B62025) – white page title
– hover: green (#0E6735) – white page title
– current page: white – green (#0E6735) page title

Please let me know how to make the last step work.

Thank you again for your help,
Mike

[mikegogno]

my site is http://www.flemingstrees.com

[Sakin]

@mikegogno: First of all, you are not supposed to hide the Theme: Catch Everest in your site footer. This is only means for providing free theme and free support.

If you want to remove/edit footer copyright content, then you can do that by upgrading to Pro version where you have Footer Editor in your theme options panel.

About the menu color, I see hat you have already change it for
– menu bar: red (#B62025) – white page title
– hover: green (#0E6735) – white page title

So, now for
– current page: white – green (#0E6735) page title, you can add the following CSS in “Appearance => Theme Option s=> Custom CSS” box.

#header-menu .menu .current-menu-item > a, #header-menu .menu .current-menu-ancestor > a, #header-menu .menu .current_page_item > a, #header-menu .menu .current_page_ancestor > a {
    background-color: #FFFFFF;
    color: #0E6735;
}

[mikegogno]

Thank you for the response and this code worked. I will put the credit back up. One more question. When I’m on “Trees,” for example, the “current page” is white with green font, but when I hover over it, it’s green with green font. How would I make it so the font turns back to white?

[Sakin]

In your custom css box, you will find the following CSS:

/* For menu bar color – hover color */
#header-menu ul.menu li:hover > a,
#header-menu ul.menu a:focus {
	background-color: #0E6735;
}

Replace with the following

/* For menu bar color – hover color */
#header-menu ul.menu li:hover > a,
#header-menu ul.menu a:focus {
	background-color: #0E6735;
	color: #fff;
}

[Shana]

Hi friend,
I am using Catch Kathmandu theme and I would like to change the secondary menu properties…Actually, I am only using the Secondary Menu because the Primary Menu does not show up when I have text in the Top Header Widget. Why is that?

Using the Secondary Menu is an ok workaround if need be, but I’d like to change the Menu bar background, rollover colors, and text colors. I have tried a couple different lines of code in my Child Theme style.css file but not having much success. Please help? Site is: http://www.casajerusalen.com.
🙂

[Sakin]

@Shana: By the way, you can add both text widget and primary menu in your Header Right Sidebar. Just go to “Appearance => Widgets” and drag and drop “Menu” widgets to Header Right Sidebar

Sorry, the color options for Menus are only available in Catch Kathmandu Pro version.

[Shana]

Ok, thanks! One more question– is there a way to expand the footer widget areas so that when I put a custom menu in just Footer 1, it goes all the way across the screen?

[Sakin]

@Shana: If you want to add Menu in Footer then you can simply upgrade to Pro version and you have option to use Menu in Footer as well. See more information of Catch Kathmandu Pro at http://catchthemes.com/theme-instructions/catch-kathmandu-pro/

[Shana]

Ok, thanks.

[Shana]

Sakin, can you take a look at my secondary menu bar and tell me why it’s flowing onto two lines at a large screen size?

http://www.casajerusalen.con

[Sakin]

@Shana: I check in your site in large screen but your menu is not flowing in two lines.

[betgriff]

Hi

I am currently using the Catch Evolution free option and I would like to change the menu background colour from black to #136507. Here’s my blog http://blog.cherrytreecountryclothing.com

Many thanks
Bethna

[Sakin]

Hi Bethna,

Can you try adding in the following css in “Appearance => Theme Options => Custom CSS” box.
#header-menu #access { background: none #136507 }

[Pieter]

Hello Sakin,

I’ve been nosing around the forum a few times, I think it’s great you would help people to such extent!

Since I’m still somewhat trying out wordpress and found the theme Catch Evolution one of the best for my purposes, I’d like ask you how I can change my menu bar(s ; since wordpress will work on different platforms, and the theme shows nicely on tablet/phone etc.)
Here’s my site: http://ecole.lamhotte.fr

Right now the menu bar is black(ish) with white(ish) text and submenus background white(ish) with black(ish) text…could you help me how to change those colours?
I’d like to be able to play a bit with colours so let’s make it dark green and red for now…

Thanks heaps

Pieter from France

[Sakin]

Hello Pieter,

For color option, you will have lot of Color Picker for various element of the site in Catch Evolution Pro. So, upgrading will give you additional features which you can check at http://catchthemes.com/theme-instructions/catch-evolution-pro/

For free version can you get the color code and change in the following css as per you need, then add it in “Appearance => Theme Options => Custom CSS” box.

/* Menu Background Color */
#header-menu #access { background: none #204B04; }
/* Menu Text Color */
#header-menu ul.menu a { color: #eee; }
/* Menu Sub-menu and Hover Background and Text Color */
#header-menu ul.menu li:hover > a,
#header-menu ul.menu ul :hover > a,
#header-menu ul.menu a:focus,
#header-menu ul.menu ul a { background: none #d82952; color: #444;}

Regards,
Sakin

[Pieter]

Thank you very much Sakin! Worked very well for me.

[Dennis]

Hi,
I am using Catch-Kathmandu Pro and I cannot change the top level menu background color. I have changed the drop down/secondary menu to white.

I also need to underline links on hover.

Thanks,
Kathy

[Dennis]

Hi
I’m using Kathandu Pro and I’d like to underline links on hover. It’s not working even though the CSS shows

a:hover {
text-decoration: underline;}

Also, after I purchased the pro version my primary menu doesn’t seem to work. I have
to use secondary menu to get it to show. What did I do wrong?

Please disregard my previous post about top level menu colors. I found the edit screen doh!

Thanks,
Kathy

[Sakin]

Hi Kathy,

1. To hover the links, you can add the following css in “Appearance => Theme Options => Custom CSS” box.

a:hover,
.entry-header .entry-title a:hover {
    text-decoration: underline;
}

Note: The above css will not work for menu and site title. Let me know if you need to do for that as well.

2. Maybe, you haven’t assign your menu as Primary Menu from “Appearance => Menus => Manage Locations”. Also you need to check in, you if you have disable “Header Right Sidebar” from “Appearance => Theme Options => Header Options”

Regards,
Sakin

[Author]

Posts