Support » Themes and Templates » How To Change Main Menu Colour in CSS

  • Resolved CyberSketch

    (@cybersketch)


    Hi,

    Could someone please assist me in changing my Main Menu colour on the following website http://www.nmsi.co.za . I have been struggling to find where exactly in css stylesheet to change it. I would like to make the menu colour Black #000000 and the hover colour gold #edbd00.
    Your speedy reponse would truly be appreciated.

    What I See in my CSS

    [no need to post CSS code – it’s all visible on your site]

Viewing 15 replies - 1 through 15 (of 19 total)
  • I am sorry for not putting the code in backticks. Also the theme I am using is “Target”

    Moderator Matthew

    (@kidsguide)

    Volunteer Moderator

    Try

    .sf-menu a, .sf-menu a:visited {
        color: #000;
    }
    Moderator Matthew

    (@kidsguide)

    Volunteer Moderator

    You can change the #000 to any color you won’t.

    WPyogi

    (@wpyogi)

    Forum Moderator

    You should not modify theme files directly as your changes will be overwritten when the theme is updated. Instead use a Custom CSS plugin and add the code there.

    Thanx guys that was really quick.. Awesome.. ill try this code above and see if it works..

    WPyogi

    (@wpyogi)

    Forum Moderator

    Are you wanting the text to be black? If so, this would be the code to add to custom CSS:

    ul.dropdown a:link, ul.dropdown a:visited {
        color: #000000;
    }

    For hover add this piece and change the color:

    ul.dropdown a:hover {
        color: #AAAAAA;
    }

    ok added the code under title menu bar in Css, It aint working.. Please advise where exactly i need to place the code. Sorry.

    /*menu bar*/
    /*////////////////////////////////////////////////////////////////////////////////////////////*/
    
    #menubar {
    	float: left;
    	z-index: 99;
    	margin: 27px 20px 0px 0px;
            position:relative;
    	width: 600px;
    .sf-menu a, .sf-menu a:visited {
        color: #000;

    Moderator Matthew

    (@kidsguide)

    Volunteer Moderator

    Did you try the code?

    Moderator Matthew

    (@kidsguide)

    Volunteer Moderator

    You need to place it in the Custom CSS box under Appearance > Theme options

    WPyogi

    (@wpyogi)

    Forum Moderator

    First, do NOT modify your style.css file – add this plugin-
    http://wordpress.org/plugins/custom-css-manager-plugin/

    Second, that code is useless in your theme/site – CSS is theme/site specific.

    Michael

    (@alchymyth)

    Forum Moderator

    the links seem to be styled in /css/default.css

    try to overwrite this (in your theme’s custom css section ?) with:

    ul.dropdown a:link, ul.dropdown a:visited { color: #000; }
    ul.dropdown a:hover { color: #edbd00; }
    Moderator Matthew

    (@kidsguide)

    Volunteer Moderator

    Can’t you just put it in the custom CSS box on your Dashboard?

    Moderator Matthew

    (@kidsguide)

    Volunteer Moderator

    What color do you won’t it to be?

    Hi WPyogi !!! Thanks so much its working now. changed it to black.
    @kidsguide thanx for trying buy your code did not work.

    you guys can see the end result http://www.nmsi.co.za thanx again so much!

Viewing 15 replies - 1 through 15 (of 19 total)
  • The topic ‘How To Change Main Menu Colour in CSS’ is closed to new replies.