Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • December 9, 2013 at 4:12 pm #18055
    BenniemanZA
    Member

    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/

    December 9, 2013 at 9:20 pm #18067
    Sakin
    Keymaster

    @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; }

    December 10, 2013 at 12:55 pm #18090
    BenniemanZA
    Member

    Thanks Sakin,

    Worked perfectly.

    December 21, 2013 at 2:49 am #18488
    MVS
    Member

    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.

    December 21, 2013 at 9:18 am #18497
    Sakin
    Keymaster

    @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.

    December 21, 2013 at 1:46 pm #18503
    MVS
    Member

    Ok, this is my site
    Click

    December 22, 2013 at 12:49 am #18529
    Sakin
    Keymaster

    @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.

    December 22, 2013 at 4:50 am #18534
    MVS
    Member

    Great, thank you very much

    December 22, 2013 at 5:27 am #18535
    MVS
    Member

    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

    December 22, 2013 at 10:39 pm #18546
    Sakin
    Keymaster

    @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;
}
    June 11, 2014 at 8:33 pm #34266
    littleblue03
    Member

    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!!

    June 11, 2014 at 11:18 pm #34298
    Sakin
    Keymaster

    @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.

    June 12, 2014 at 3:25 am #34335
    littleblue03
    Member

    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
Viewing 13 posts - 1 through 13 (of 13 total)
  • The topic ‘Menu Text Colors’ is closed to new replies.