Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 28, 2015 at 3:19 pm #479757
    CarstenF

    Hello,

    how please can I change the size and weight of the main menu items and the text in the topmost bar?

    Per default, the text is bold and in a tiny size, I much prefer non-bold and a larger size.

    Many thanks and best regards,
    Carsten

    July 28, 2015 at 5:38 pm #479831
    Elliott

    Hey CarstenF!

    You can do this in Dashboard > Enfold > Advanced Styling. Create a new rule for the main menu level items and you can change the font weight, size, color, etc etc.

    Best regards,
    Elliott

    July 28, 2015 at 8:00 pm #479886
    CarstenF

    Hi Elliott,

    thanks for your quick reply, but unfortunately, there is a ton of problems with these settings:

    • Main Menu Links has no setting for the font weight!
    • Small bar above Main Menu has color settings (font, background, border), but no font size, weight, …
    • Side note: Small bar above Main Menu — the color picker for the font color doesn’t work, clicking with the mouse does not update the color at all.
    • Both Main Menu Links and Small bar above Main Menu — if a font color is set, the color is the same for all menu items; the distinction between “current page” and other pages is lost.

    So the Advanced Styling doesn’t help at all, please help (change the size and weight of the main menu items and the text in the topmost bar).

    PS: There is no preview for new forum posts or replies (must submit immediately without preview), and in the Enfold forum, it is quasi impossible to access the forum search…

    • This reply was modified 9 years, 5 months ago by CarstenF.
    July 29, 2015 at 3:55 am #479986
    Dake

    Hi!

    May we have a link to your website so we can provide you with appropriate css examples?

    Regards,
    Dake

    July 29, 2015 at 2:20 pm #480232
    CarstenF

    Hi Dake,

    link to the website is in the private data below.

    I very much appreciate your help, but shouldn’t these issues be addressed in the Enfold theme itself, that is, for everyone?

    Best regards,
    Carsten

    PS: I’m aware that Enfold is focused on configuring the via the WordPress Admin area, but wouldn’t it be much easier in cases like this to have a well-documented, user-modifyable LESS or SCSS source file?

    July 30, 2015 at 10:14 am #480579
    Rikard

    Hi,

    You can use the following CSS for the main menu:

    #avia-menu .avia-menu-text {
    font-size: 20px !important;
    font-weight: bold !important;
}

    And the following for the top menu:

    #header_meta #avia2-menu a {
    font-size: 16px !important;
    font-weight: bold !important;
}

    Best regards,
    Rikard

    August 2, 2015 at 11:18 pm #481835
    CarstenF

    Ok, thanks!

    I also had to add something for the phone info, that is:

    
#header_meta .phone-info
{
    font-size:   13px !important;
    font-weight: normal !important;
}

    but everything combined solves the problem!
    Thanks!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘How to change font size and weight of menu and top bar?’ is closed to new replies.