WordPress.org

Ready to get started?Download WordPress

Forums

LightFolio - Editing CSS to change font of main menu (4 posts)

  1. georgecog
    Member
    Posted 4 months ago #

    I want to make bigger font size of main menu.

    I tried to correct some code, but it didn't work.

    http://agenciaskok.com/

    This is the header portion of style.css:

    /*------HEADER------*/
    
    .head-row1 { height:90px; width:100%; overflow:hidden;}
    .head-row1 .col1 { float:left; }
    .head-row1 .col2 { float:right;}
    
    .head-row2 { height:45px; width:100%;background:none; margin-bottom:11px;}
    .head-row2 .col1 { float:left; width:721px;}
    .head-row2 .col2 { float:left; width: 230px; margin: 7px 0 0 0;}
    
    .head-row3 { width:100%;}
    
    .head-row4 { height:; width:100%;}
    
    .logo { margin:7px 20px 0px 0; float:left;}
    h1.site-name { font-size:32px; padding:40px 10px 0px 30px; font-family:"Trebuchet MS"; text-transform:capitalize; font-weight:bold;}
    h1.site-name a { color:#FFFFFF; text-decoration:none; font-weight:normal; line-height:30px;}
    .slogan { padding:4px 0px 0px 12px; color:#FFFFFF; font-size:12px; text-transform:none; float:left;}
    .slogan-img { margin:71px 0px 21px 0px;}
    
    .wrapper-top-menu {padding:1px 0 0 5px;}
    ul.menu-nav {margin:0px; padding:0; list-style:none; text-align:center;}
    ul.menu-nav li { float:left; padding:0px 1px 0px 0px; background:url(images/bg-li000.gif) no-repeat right top}
    ul.menu-nav li li { background:none;}
    ul.menu-nav li a { color:#eee; text-decoration:none; font-size:20px; display:block; padding:15px; text-transform:uppercase;}
    ul.menu-nav li.active a, ul.menu-nav li a:hover { background:url(images/bg-li-ac.gif) top repeat-x; text-decoration:underline; font-style: inherit;}
    ul.menu-nav li.first a:hover, ul.menu-nav li.first a.active{ background:url(images/bg-li-fi.png) no-repeat right top}
    
    div.menu-nav {padding:1px 0 0 5px;}
    div.menu-nav ul {margin:0px; padding:0; list-style:none; text-align:center;}
    div.menu-nav ulli { float:left; padding:0px 1px 0px 0px; background:url(images/bg-li000.gif) no-repeat right top}
    div.menu-nav ul li li { background:none;}
    div.menu-nav ul li a { color:#eee; text-decoration:none; font-size:20px; display:block; padding:15px; text-transform:uppercase;}
    div.menu-nav ul li.active a, div.menu-nav ulli a:hover { background:url(images/bg-li-ac.gif) top repeat-x; text-decoration:underline; font-style: inherit;}
    div.menu-nav ul li.first a:hover, div.menu-nav ul li.first a.active{ background:url(images/bg-li-fi.png) no-repeat right top}
    
    /* footer */
    #footer { background:url(images/bg-footer.jpg) repeat-x 0 0; color:#373737; font-size:10px; font-weight:normal; text-align:center; width:100%; overflow:hidden; text-transform:uppercase;}
    .foot { text-align:center; margin:0 auto; width:980px; padding:30px 0px 30px 0px;}
    #footer a { color:#666; text-decoration:none; list-style-type:}
    #footer a:hover{ text-decoration:underline;}
    #footer .foot span { padding-left:0px; line-height:20px;}
    #footer .foot div.tm {padding-left:0px;}
    /* footer end */

    Thanks in advance,
    George

  2. georgecog
    Member
    Posted 4 months ago #

  3. WPyogi
    Volunteer Moderator
    Posted 4 months ago #

    Have you asked the developers of your theme about this?

    http://www.dynamicwp.net/free-themes/light-folio-theme/

    Or consider using a theme that's supported here - any of these:

    http://wordpress.org/themes/

    Or for CSS help, you could ask on a CSS forum such as:

    http://csscreator.com

  4. georgecog
    Member
    Posted 4 months ago #

    Thank you.

    I just registered and posted my issue on csscreator.com.

    I'll reply here the results.

    Best regards,
    George

Reply

You must log in to post.

About this Topic