Increase main menu font size

  • ← Back to discussions
    In Progress
    Posted in: Orizon  
  • Member
    ChrisM
    April 18, 2013 at 12:43 pm #29949

    How can I increase the main menu font size? It’s a bit small and I’d like it a bit more readable.

    I’ve tried editing the values in ‘main.css’ for the appropriate theme (I’m using the blue color scheme as a base) but the changes are not reflected in the menu.
    This is the location in the css I’ve been trying to edit to no avail. Is this the correct location? Or are the values getting overridden somewhere?
    /*

      Menu

    */
    #menu_wrapper{
    height:auto;
    width:960px;
    }
    #menu_left, #menu_right{
    width:2px;
    height:66px;
    float:left;
    }
    #menu_left{
    background:url(images/menu_left.jpg) top left no-repeat;
    }
    #menu_right{
    background:url(images/menu_right.jpg) top left no-repeat;
    }
    ul#menu{
    height:66px;
    width:956px;
    float:left;
    background:url(images/menu_loop.jpg) top left repeat;
    padding:0;
    margin:0;
    list-style:none;
    }
    ul#menu li{
    float:left;
    height:66px;
    padding:0px 2px 0px 0px;
    background:url(images/menu_divider.jpg) top right no-repeat;
    }
    ul#menu li a{
    font-family: ‘Oswald’, Helvetica, Arial, sans-serif;
    font-weight:700;
    font-size:14px;
    text-transform:uppercase;
    display:block;
    height:46px;
    color:#fff;
    padding:20px 20px 0px 20px;
    text-decoration:none;
    text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
    background:url(images/menu_hover.png) top left repeat-x;
    }
    ul#menu li a:hover{
    text-shadow: 0px 2px 3px rgba(0, 0, 0, 1);
    text-decoration:none;
    color:#ccc;
    background-position:0px -66px;
    }

    Sorry, this forum is for verified users only. Please Login or Register to continue

Comments are closed.