Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #415750

    Hi Enfold team,

    I love the theme! This is my first website, so I’m learning as I go. So far, I can do almost everything I want, but I cannot find a way to change the text size on my main menu (in a left sidebar) I’m running an Enfold Child theme with very few customisations. I have searched the forums and tried many, many attempts following previous advice, but nothing seems to work.

    Some of the methods I have tried:

    Deactivating all plugins
    Clearing cache & browser cache
    Editing CSS using info from other topics in this forum
    Using CSS Hero plugin
    Changing advanced style settings in Enfold Child (meticulously, all of them!)

    Nothing seems to alter the text size! I think it’s currently 16, and I’d like to try it at 12 or 14. I’m obviously doing something wrong or missing something – please can you help? Thank you very much!

    #415767

    SORTED! I don’t know if this is helpful:

    After reading more on here I used my browser’s ‘Inspect Element function’ and found that the offending size is in line 291 of layout.css
    Using Dreamweaver I took a peek and found that the thing I was looking for was called .avia-menu-text, so I added this to my Custom CSS within Enfold:

    .avia-menu-text {
    font-size: 12px !important;
    }

    And it has worked! My only remaining question is: Is there really no way to do this from within the theme style settings? Or is there still something I am overlooking?

    Anyhow, thanks for your patience with a noob!

    #416212

    Hey!

    You should be able to do that by editing Main Menu Links under Advanced Styling, but it didn’t work? Anyhow, glad you got the problem fixed, don’t hesitate to get back to us if you should have any more questions.

    Regards,
    Rikard

    #417743

    Hi Rikard,

    Thanks for your reply! Unfortunately I am back with this issue – when I adjust the ‘Main Menu Links’ font size in the Enfold Child advanced settings, it only adjusts the line spacing of the menu links. The actual words that form the menu links themselves remain the same (16px) size. I have repeated all the above steps – deactivate plugins, clear cache etc but I still cannot adjust the size of the main menu links.

    When I applied the theme update this morning it obviously removed the CSS addition I had made (mentioned in my first post). No problem – I can reenter it, but I’m still concerned that something is preventing me from being able to change the font size in the way that I want! I’m wondering if this is a bug? Or something wrong still at my end? My site is pretty simple so wondering where else could the problem originate?

    Thanks again, yours, a puzzled user!

    Joe

    #418333

    Hey!

    It seems like the styling you have specified is being applied correctly: http://imgur.com/iSJJtqr. Did you make any other customisations, if so, where did you add them?

    Cheers!
    Rikard

    #420837

    Hi Rikard,

    Apologies for the delay – I have been away.

    I have added this customisation:

    .avia-menu-text {
    font-size: 12px !important;
    }

    which ensures that the text displays at the correct (i.e. 12px) size. I did this because without this CSS unfortunately the text reverts back to 16px as per my original post. Feel free to take a look at my site (I put the login details in a PM beforehand). Thanks again for your help in this matter!

    Best,

    Joe

    • This reply was modified 9 years, 9 months ago by lordshine.
    #421043

    Hi!

    Could you remove the customisation? Otherwise we can’t confirm if the settings from the theme options are taking effect or not since your customisation will override it.

    Regards,
    Rikard

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