Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 10, 2017 at 8:48 am #836813
    activemindneudenken

    Hi,

    I use several submenus via the menu widget inside pages. These widgets are NOT in the sidebar but in the main content.

    How to increase the font size of those menus to 1em via quick CSS? Can’t figure it out somehow…

    Thanks, Felix

    August 10, 2017 at 5:56 pm #837089
    Victoria

    Hey Felix,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    August 10, 2017 at 9:00 pm #837145
    activemindneudenken

    Hi Victoria,
    you can see the case for instance here: https://www.activemind.de/unternehmen/
    I want to change the font size of the menu at the right hand side (“Unsere Mitarbeiter” etc.).
    This menu is not inside a sidebar, I just split the page with columns (3/5 + 2/5) and inserted a widget, which includes a menu.
    Best, Felix

    August 12, 2017 at 6:27 am #837741
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    #nav_menu-2 li a {
  font-size:1em !important;
}

    Best regards,
    Rikard

    August 12, 2017 at 8:54 am #837804
    activemindneudenken

    Hi Rikard,

    thanks for the swift reply. Unfortunateley your code doesn’t work – no changes can be seen…

    Best, Felix

    August 12, 2017 at 6:05 pm #837983
    Sarah

    Hi Felix,

    I tried changing the 1em in Rikard’s code to 1.3em, and I could see the changes. Can you try it as well please? If it works for you, perhaps you need another value that is not 1em.

    Please also remember to clear your cache to make sure that the changes take effect. Thank you!

    Best regards,
    Sarah

    August 14, 2017 at 8:35 am #838477
    activemindneudenken

    Hi Sarah,

    sorry, I checked font size changes at the wrong page.

    Your code works, but at this specific page only. And this is because “nav_menu-2” is a specific menu item. The same menu inside the same widget at a different page gets a different number like “nav_menu-8”.

    –> I guess there will be an easier solution than findig all the menu items numbers?!? I want to change the font size of all menus inside the main body (or a widget) to the same size of the “normal” text!

    Thank, Felix

    August 14, 2017 at 12:47 pm #838614
    Rikard

    Hi Felix,

    You can try a more general approach to targeting the items you want, like this for instance:

    .post-entry .widget {
  font-size:1.5em;
}

    That might target things you don’t want, in that case then you would have to find all the ID’s of the elements you want to target and change my initial CSS to reflect all the elements. For instance:

    #nav_menu-2 li a, #nav_menu-8 li a {
  font-size:1em !important;
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.