WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. WhimsyDo
    Member
    Posted 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 1 year 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 11 months ago #

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

  13. 12susan
    Member
    Posted 11 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!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic