WordPress.org

Ready to get started?Download WordPress

Forums

Menu Color (2 posts)

  1. JHubbs11
    Member
    Posted 3 years ago #

    How do I change the color of the font in my main navigation (Home, About, etc)?

    Thanks!

    JH

  2. Digital Raindrops
    Member
    Posted 3 years ago #

    That would depend on what theme you are using, the text would have a style with the color in the style.css.

    Different themes have different class/id names, so you need to link to your website or investigate.

    Often you will find a section header like these from the 'Twenty Ten' theme, as an example.

    /* =Menu

    Then you would find the colors hex codes
    This is the twenty ten menu text color

    #access a {
    	color: #aaa;
    	display: block;
    	line-height: 38px;
    	padding: 0 10px;
    	text-decoration: none;
    }

    Also you might find values for active, hover, link etc:

    #access li:hover > a,
    #access ul ul :hover > a {
    	background: #333;
    	color: #fff;
    }
    #access ul li:hover > ul {
    	display: block;
    }
    #access ul li.current_page_item > a,
    #access ul li.current-menu-ancestor > a,
    #access ul li.current-menu-item > a,
    #access ul li.current-menu-parent > a {
    	color: #fff;
    }
    * html #access ul li.current_page_item a,
    * html #access ul li.current-menu-ancestor a,
    * html #access ul li.current-menu-item a,
    * html #access ul li.current-menu-parent a,
    * html #access ul li a:hover {
    	color: #fff;
    }

    HTH

    David

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.