[Dignan17]

How can I change the colors of the menu? I guess I’m looking for how to change the colors of:

1- the menu bar in general
2- the text
3- the color for the selected page
4- the hover-over color

[Sakin]

@Dignan17: You can change that form “Appearance => Theme Options => Color Options”. But this options is only there in Pro version and not in free one.

For free version, you can share with me your site and I can help you with css.

[Dignan17]

Ah, I see. Understood. I tried to find a complete list of all the things I’d get with the Pro version, but I couldn’t seem to find them. Is there somewhere I can find that?

[Dignan17]

I have purchased Catch Everest Pro 🙂 I’ll upload this to my test site when I feel like starting the customization process over again 🙂

But thanks for the help so far. I love the theme. I just want to know about that width issue (from my first thread), if you wouldn’t mind.

Thanks!

[Sakin]

@dignan17: Thanks for your purchase and yes, I have replied you in other thread. If you have purchased Catch Everest Pro theme then just use that. For theme instructions check out http://catchthemes.com/theme-instructions/catch-everest-pro/

[Cari]

since I don’t have pro – how do I change the menu hover color?

thanks!!

[Sakin]

@Cari: Can you send me your site URl and the color that you want to change on menu hover.

[Cari]

Hi – thanks for all your help Sakin! My site is http://www.jeanneesti.com/test/

I’d like to change the hover in the menu bar to: #6539A5

[Sakin]

@Cari: I just check in your site and you are not using our theme so I cannot help you in this. This support forum is only for Catch Themes.

[breanna]

http://www.popflash.com/blog

i would like to change the title (PopflashPhoto Blog) to #ffcc33 and make the background black…

not sure if that would be the final, but if there was some custom css where i could play with the colors after i would greatly appreciate it!!

[Sakin]

@breanna: You can simply add the following CSS in “Appearance -> Theme Options => Custom CSS” box.

#masthead { background-color: #000; }
#site-title a { color: #ffcc33; }

[breanna]

@sakin You rock. Thank you for the quick response!

[yoshimi233]

Hi, I’d like to ask about change menu bar color for my website – http://aiwindiana.org. I’m using your Everest free theme.

I want to change below;
1. menu bar color – general
2. menu bar color – hover color
3. menu bar color – child menu color
4. menu bar color – menu item of current page (if you’re in somewhere in “news” menu, “news” menu will change other color)

5. header height – I’m using custom header image, and I want reduce space around the image.

As for menu bar, I tried to find in your style sheet, but I couldn’t figure out…
Thank you for helping so much! I love this theme so much!

[Sakin]

@yoshimi233: For easy option, you can just upgrade to Catch Everest Pro version where you have color options to change the colors of menus. But for free theme you need to adjust css.

For menus, you can change the color code as per your need and add the following CSS in “Appearance => Theme Options => Custom CSS” box.

/* For menu bar color – general */
#header-menu {
    background-color: #3A3D41; 
}
/* For menu bar color – hover color */
#header-menu ul.menu li:hover > a,
#header-menu ul.menu a:focus {
	background-color: #2d2d2d;
}
/* For menu bar color – child menu color */
#header-menu ul.menu ul a {
	background-color: #3a3d41;
}
/* For menu bar color – current page */
#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: #000;
}

To reduce space around the header image, you have to adjust the padding as per your need and add the following CSS in “Appearance => Theme Options => Custom CSS” box.

#hgroup-wrap {
    padding: 0 50px 50px 50px;
}
#site-logo {
    padding-top: 50px;
}

[Mark Argentino]

Hello!

Catch Box is a great theme, thanks for providing it to us!

My menu looks fine on desktop, but on mobile, the menu text is white on grey background and doesn’t show, can you help me change this colour to black so it will show up?

Also, trying to reduce the huge space between the header text and the menu in mobile only.

My site is http://www.mississauga4sale.com

Thank you,
Mark

[Mark Argentino]

Update: I was able to reduce the huge space between the header text and the menu by adding:

#header-content { padding: 0.25em 0; }

I still can’t figure ou thow to change the text colour in the mobile menu so it shows while viewing in mobile mode.

Thanks
Mark

[Sakin]

@Mark Argentino: When I check in your site in my iPhone, it is showing fine. I see the menu showing black background with white text and in menu options it is showing default select box with black text. If you want you can play with color in your “Appearance => Theme Options => Custom CSS” box.

/* For Menu */
.tinynav {
    color: #fff;
}
/* For Menu Options color */
.tinynav option {
    color: #000;
}

[Mark Argentino]

Hello Sakin,
Thanks for the quick response, your help and coding.

It does show fine on an iPhone, but on a Blackberry Q10 it does not render properly.

I’ll try and play with the colours above and see if I can get it to render properly on my Blackberry.

Thank you,
Mark

[Mark Argentino]

Hi Sakin,

It worked like a charm, thanks a million.

If you could take a quick look at my site and let me know if you see any advantages for me buying the pro version, I would appreciate it. I don’t mind spending the money if you think I can improve things by purchasing the pro version.

My site is http://www.mississauga4sale.com

Thank you,
Mark

[Sakin]

@Mark Argentino: Your site looks ok to me and I don’t think you need to upgrade it if you are satisfied with it. Pro version jut have additional features. Check out the feature list http://catchthemes.com/theme-instructions/catch-box-pro and decide. Thanks for using Catch Box Theme. Have a nice day.

[Author]

Posts