Tagged: main-menu
-
AuthorPosts
-
August 28, 2019 at 9:12 pm #1131728
For some items in my main menu, the active menu text is bold and for other items the text is white on a dark gray background. I would like they all show as bold text.
August 28, 2019 at 10:20 pm #1131744Hey photographie-tous-azimuts,
Add this to quick css:
li .avia-menu-text{ font-weight:bold!important; }
Best regards,
Jordan ShannonAugust 28, 2019 at 10:24 pm #1131746This did put the menu in bold, but did not removed the gray background. Looks like I need another CSS.
August 28, 2019 at 10:28 pm #1131748Hi,
So you don’t want a background at all at any point?
Best regards,
Jordan ShannonAugust 28, 2019 at 10:33 pm #1131751For the permanent background block around currently selected menu item, that is. Looks too heavy. Bold menu title is more subtle and looks better. Dark background is OK while hovering menu titles.
August 28, 2019 at 10:44 pm #1131753Hi,
Add this to quick css:
#top #header .av-main-nav > li.current-menu-item > a{ background:transparent!important; font-weight:bold!important; }
Best regards,
Jordan ShannonAugust 28, 2019 at 10:51 pm #1131758No go. The text is bold, but the dark background is still there.
August 28, 2019 at 10:57 pm #1131762Hi,
Did you add the code to the very top of quick css so it runs first? Also be sure to clear the cache a few times over.
Best regards,
Jordan ShannonAugust 28, 2019 at 11:10 pm #1131764Put at beginning of QuickCSS, cleared caches, quitted browser, cleared caches again. No go. There is also a global.css file loaded in my child theme. I put it at the beginning of that file. No go. CSS is black magic!
August 29, 2019 at 5:21 pm #1132008Hi photographie-tous-azimuts,
https://cl.ly/cffb440b90e0 Here is what I am seeing. Do you want all the menu to be bold?
Best regards,
VictoriaAugust 29, 2019 at 5:26 pm #1132011I want the active menu (Blogue in the screen shot) to be bold, fully black, and without the background gray box.
August 29, 2019 at 8:12 pm #1132067Hi photographie-tous-azimuts,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top #header_main_alternate li.current-menu-item { background-color: transparent; } #top #header .av-main-nav > li.current-menu-item > a span.avia-menu-text{ color: #000; font-weight: bold; }
If you need further assistance please let us know.
Best regards,
VictoriaAugust 30, 2019 at 5:08 pm #1132380Almost there: The gray background disappeared but the menu title disappeared too!
Best regards,
SergeAugust 30, 2019 at 5:46 pm #1132398Errata: it does work! I copy-pasted the code from the email. The > character was displayed as > there.
September 2, 2019 at 5:59 am #1132817Hi Serge,
Thanks for the update, so everything is working as it should now then?
Best regards,
RikardSeptember 2, 2019 at 3:36 pm #1133034Hi Rikard,
Yes, everything is OK now. Thanks.
Best regards,
SergeSeptember 3, 2019 at 8:08 am #1133252 -
AuthorPosts
- The topic ‘Main Menu Indicator inconsistency’ is closed to new replies.