Make menu items bigger

  • Author
    Posts
  • #1004158

    manchcomch
    Member

    I have purchased the Custom Design upgrade, but when I tried to make the menu items bigger, with anothe rtheme, they ended up overlapping. I am now using TwentyTen and would like to make the menu text at least as big as the body text, bit I can’t work out which bits of the CSS control this.

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

    #1004380

    The font size of the menu items in the Twenty Ten theme are set to automatically adjust with the “Headings” font size if you set one on the Appearance → Custom Design → Fonts page.

    To override that and set the menu font size manually using the CSS editor, add this to your Appearance → Custom Design → CSS page:

    #access .menu-header, div.menu {
    	font-size: 20px !important;
    }

    Note that the important rule is needed if you have already adjusted the “Headings” font size on the Appearance → Custom Design → Fonts page, and that was probably what was throwing you off before.

    #1004386

    manchcomch
    Member

    Thanks for the info. That’s a big help. I did wonder whether the Appearance → Custom Design → Fonts took precedence over changes made in Appearance → Custom Design → CSS.

The topic ‘Make menu items bigger’ is closed to new replies.