-
AuthorPosts
-
March 21, 2015 at 4:01 pm #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!
March 21, 2015 at 6:37 pm #415767SORTED! 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!
March 23, 2015 at 6:43 am #416212Hey!
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,
RikardMarch 25, 2015 at 2:32 pm #417743Hi 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
March 26, 2015 at 6:47 am #418333Hey!
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!
RikardMarch 30, 2015 at 9:44 pm #420837Hi 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.
March 31, 2015 at 11:17 am #421043 -
AuthorPosts
- You must be logged in to reply to this topic.