Catch Box
change menu color (10 posts)

  1. nathaliepelletier
    Posted 3 years ago #

    Hi, could you please tell me where to go to change the menu color?
    thank you! nathalie


  2. Raby Yuson
    Posted 3 years ago #

    in line 519 to line 524 in your style.css:

    #colophon #access-footer ul.menu a {
    	color: #eee;
    	line-height: 3em;
    	padding: 0 1.2125em;
    	text-decoration: none;


    color: #eee;

    to the color you want.


  3. Catch Themes
    Theme Author

    Posted 3 years ago #

    Hi Raby and Nathlie,

    I don't recommend you to make change on the core theme file like style.css . All these changes will be overwritten once you upgrade your theme.

    There is two alternative to this:

    1. Either you can add the CSS code in "Custom CSS Styles" box which you will see it in the Theme Option Page under Appearance Menu
    2. Or you can create the child theme and update there (http://codex.wordpress.org/Child_Themes)


  4. Raby Yuson
    Posted 3 years ago #

    That's right. I assumed that it is just a one time update that's why I gave the direct answer. Thanks for the heads up!


  5. nathaliepelletier
    Posted 3 years ago #

    thanks for your responses, raby and sakin! hmm, thats the line i changed before i decided to ask for help here. it didn't work for me the first time, but i will try again :)

  6. gruagach
    Posted 3 years ago #

    I'd like to change the background colour of the horizontal menu bar. I followed the steps described above but I can't get it to work. I'm using Firebug on Firefox and I can alter the colour if I change the gradient values around line 490 of style.css:

    #branding #access,
    #colophon #access-footer {
    background: #222; /* Show a solid color for older browsers */
    background: -moz-linear-gradient(#585858, #3d3d3d);
    background: -o-linear-gradient(#585858, #3d3d3d);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#585858), to(#3d3d3d)); /* older webkit syntax */
    background: -webkit-linear-gradient(#585858, #3d3d3d);
    clear: both;
    display: block;
    float: left;
    margin: 0 auto 2px;
    width: 100%;

    ...but it doesn't change if I manually edit the style.css file. What am I missing?

    Sorry if I'm being thick - I'm quite new to this child theme malarkey :-)


  7. pilsen1
    Posted 3 years ago #

    Did anyone figured it out?

  8. gruagach
    Posted 3 years ago #

    I switched to the Simple Catch theme! Hope someone can solve it for you

  9. noting1
    Posted 3 years ago #

    I'm having the same problem. I tried changing the menu color by following the above advice with no luck. Would love some guidance...

  10. Andrew
    Bawk bawk moderator
    Posted 3 years ago #


    If you're not contributing to the original poster, you should create your own thread.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic