css menu color

  • Author
    Posts
  • #1121588

    nhilo32
    Member

    I’m trying to change the menu font color but cant figure out how. I’ve posted my css below. How can I tell the menu to changes colors.

    #page {
    background: transparent;
    /*border: solid thin red;*/
    }

    menu a:link, a:visited {
    color: white;
    }

    body {
    color: white;
    /*border: solid thick red;*/
    }

    Sorry for the double post. I put it in the wrong section.

    The blog I need help with is lomilomimilwaukee.wordpress.com.

    #1121849

    I see that you added the following custom CSS to edit menu link colors:

    header a:visited {
    	color: #ff6
    }
    body a:link, a:visited {
    	color: #ff6
    }

    Do you stil need help?

    #1121851

    nhilo32
    Member

    I sure could use the help. any suggestions.

    #1121858

    Apologies for the delay. Try this, and adjust the color codes as necessary:

    .main-navigation ul.nav-menu,
    .main-navigation div.nav-menu > ul {
    	border: none;
    }
    .main-navigation a,
    .main-navigation li a {
    	color: #fff;
    }
    .main-navigation a:hover,
    .main-navigation li a:hover {
    	color: #070;
    }
    .main-navigation li ul li a {
    	background: inherit;
    }
    .main-navigation li ul li a:hover {
    	background: inherit;
    	color: #efefef;
    }
    .main-navigation .current-menu-item > a,
    .main-navigation .current-menu-ancestor > a,
    .main-navigation .current_page_item > a,
    .main-navigation .current_page_ancestor > a {
    	color: #090;
    }

The topic ‘css menu color’ is closed to new replies.