• Resolved pmonette

    (@pmonette)


    I am currently using the Coraline 1.0 theme with a custom menu. I am trying to figure out how to change the font, color and font size of the custom menu. What file do you edit to make these changes? I have looked at the varous style sheets but am not able to find it. Any help would be much appreciated.

Viewing 6 replies - 1 through 6 (of 6 total)
  • There are thousands of WordPress themes – which means that many people won’t be familiar with your particular theme. So a link to your site where people can see the theme might result in more responses.

    Thread Starter pmonette

    (@pmonette)

    Thanks for the tip. Here is the link to my site:

    http://www.newportcityelementary.org

    What I would like is to work with the font/size/color of the custom menu. I am just not sure where I should look.

    Try adding:

    .menu-item a {
    color:#606060;
    font-size:10px;
    font-family:Georgia,Utopia,Palatino,'Palatino Linotype',serif;
    }

    to the bottom of style.css – substituting your choice of color, font size and font type as appropriate.

    The theme that the link took me in the sub directory /wordpress/ is a “twenty ten” child theme, so the menu styling would not be to hard.

    There is no horizontal menu are you talking about the sidebar menus?

    For Horizontal Menu add new values at the end of the style.css, but there are also active, link, hover etc:

    #access {
    	background: #000;
    }
    #access a {
    	color: #aaa;
    }
    #access ul ul a {
    	background: #333;
    }
    #access li:hover > a,
    #access ul ul :hover > a {
    	background: #333;
    	color: #fff;
    }
    #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;
    }

    Sidebar Menu example:

    #menu-sidemenu a
    {
    	color: #000;
    }
    #menu-sidemenu li:hover > a,
    #menu-sidemenu ul ul :hover > a
    {
    	color:#ffff33;
    }

    HTH

    David

    Thread Starter pmonette

    (@pmonette)

    Thank you Emsi (Theme Diva). Your code was my solution and now I am able to change the font size/color to my menu. Being new to WordPress, I am still learning the ins and outs.

    Glad to have helped. 🙂

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Custom Menu's’ is closed to new replies.