WordPress.org

Ready to get started?Download WordPress

Forums

Virtue
[resolved] Font Size in Top Bar (13 posts)

  1. WhimsyDo
    Member
    Posted 11 months ago #

    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?

  2. Kadence Themes
    Member
    Theme Author

    Posted 11 months ago #

    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

  3. erindipitous
    Member
    Posted 10 months ago #

    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

  4. erindipitous
    Member
    Posted 10 months ago #

    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!

  5. Kadence Themes
    Member
    Theme Author

    Posted 10 months ago #

    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

  6. erindipitous
    Member
    Posted 10 months ago #

    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!

  7. Kadence Themes
    Member
    Theme Author

    Posted 10 months ago #

    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

  8. erindipitous
    Member
    Posted 10 months ago #

    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.

  9. colttane
    Member
    Posted 9 months ago #

    Hey there,

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

    Thx

  10. Kadence Themes
    Member
    Theme Author

    Posted 9 months ago #

    You could just use a media query like this:

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

    Kadence Themes

  11. colttane
    Member
    Posted 9 months ago #

    This guy is AWESOME!!

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

    Definite donation coming your way!

    Thx again,

    Colt

  12. 12susan
    Member
    Posted 4 months ago #

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

  13. 12susan
    Member
    Posted 4 months ago #

    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!

Reply

You must log in to post.

About this Theme

About this Topic