WordPress.org

Support

Support » Themes and Templates » [Resolved] Font Size in Top Bar

[Resolved] Font Size in Top Bar

  • I have a menu in the Top Bar, but the font size is so tiny. I figured out how to change the font size in other menus, but not the Top Bar menu. Any help?

Viewing 12 replies - 1 through 12 (of 12 total)
  • Theme Author Kadence Themes

    @britner

    Just add this to the custom css box in the theme options panel:

    .topbarmenu ul li a {
    font-size: 14px;
    }

    Hope that helps
    Kadence Themes

    erindipitous

    @erindipitous

    Oh my, I think one day you’re going to reach through the screen and wring my neck, Kadence Themes!

    In an effort do change the font size, I took your advice, but I couldn’t find the spot to add this. (www.erin-staley.com)

    Feeling overly confident, I changed the font-size:12 to font-size:14. Obviously that didn’t work and gave me code above the top bar. I went back in and changed the number back to 12 but I made it worse. Then I tried copying and pasting the code below, and I have new code above the top bar.

    $font_primary_menu = ‘#nav-main ul.sf-menu a {font-size:12px; font-weight:normal; line-height:20px;}’;
    }if(!empty($smof_data[‘font_secondary_menu’])) {
    $font_secondary_menu = ‘#nav-second ul.sf-menu a {font-size:’ . $smof_data[‘font_secondary_menu’][‘size’]. ‘; font-weight:’ . $smof_data[‘font_secondary_menu’][‘style’]. ‘; line-height:’ . $smof_data[‘font_secondary_menu’][‘height’]. ‘; color:’ . $smof_data[‘font_secondary_menu’][‘color’]. ‘;}’;
    } else {
    $font_secondary_menu = ‘#nav-second ul.sf-menu a {font-size:18px; font-weight:normal; line-height:22px;}’;
    }

    //Basic Styling

    erindipitous

    @erindipitous

    A follow up…

    This is what I get when I try to update:
    ]. .$primaryrgb[0].])) { $menu_margin_bottom =
    Warning: Cannot modify header information – headers already sent by (output started at /home/erinstal/public_html/wp-content/themes/virtue/lib/custom-css.php:305) in /home/erinstal/public_html/wp-includes/pluggable.php on line 875

    Thanks!

    Theme Author Kadence Themes

    @britner

    So you don’t need to edit any of the files to do what I said above.

    Inside the admin go to appearance >> theme options >> advanced settings

    You will see a text box labeled as Custom CSS
    Put the code there.

    Now to fix whatever you did in the file custom-css.php.
    Download the theme again, copy everything in custom-css.php and paste that into your custom-css.php file on your server.

    Kadence Themes

    erindipitous

    @erindipitous

    And this is what I now get when I open up my site:

    Parse error: syntax error, unexpected T_VARIABLE in /home/erinstal/public_html/wp-content/themes/virtue/lib/custom-css.php on line 93

    No dashboard, just a white screen saying I should give up. I think this is the time that I promise never, ever to touch the coding again.

    Just let me know where to send the Christmas ham….
    Thanks!

    Theme Author Kadence Themes

    @britner

    You are going to need to ftp access your site now. Send me an email at ben@kadencethemes.com with your ftp information and I’ll update it for you.

    Or access it yourself and do what I suggested above.

    Kadence Themes

    erindipitous

    @erindipitous

    Oh good lord, Ben, you are definitely going to have to do this for me. I’m scared to touch it! 🙂

    Kadence Themes gets a standing ovation from me today.

    Hey there,

    Any way to have the topbar on the web larger and the mobile the default size?

    Thx

    Theme Author Kadence Themes

    @britner

    You could just use a media query like this:

    @media (min-width: 940px) {
    .topbarmenu ul li a {font-size: 14px;}
    }

    Kadence Themes

    This guy is AWESOME!!

    Not only does he know his theme, he personally backs it too!

    Definite donation coming your way!

    Thx again,

    Colt

    How can I change the font color of the top bar menu (secondary menu) please?
    Susan

    I just found an older post where you supplied the necessary css code
    .topbarmenu ul li a {
    color: #FFFFFF;
    }
    – so all is well – thanks anyway!

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘[Resolved] Font Size in Top Bar’ is closed to new replies.