Hi Team,
I searched this forum, trying to find how to force / where to change the font family used for mega menu column titles. Can’t seem to find it.
Check this site: https://staging.lysandro.nl and hoover over “Haartrends” to see the submenu.
1/ The column Titles are in the wrong font family. This should be ‘Lato’.
2/ How to change the color of these submenu / mega menu column titles?
PS: regarding 1/ I tried this:
#top #header .mega_menu_title a { font-family: ‘Lato’! !important }
But that did not do the trick.
Hey Emiel,
Add this to quick css:
.mega_menu_title.heading-color.av-special-font{
font-family: Lato!important;
}
Best regards,
Jordan Shannon
Worked like a charm! Thank you Jordan, thanks Team Kriesi.
Hi emielvanwegen,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
Victoria
Sorry to re-open this.
While it worked, now it is no longer working: font in menu header is no longer Lato. Could you pleas check again? Would there be any other custom CSS that interferes with the suggested CSS?
This is all the CSS I have right now:
h1, h2, h3 { text-transform: none !important; }
h2 { font-style: italic !important; }
h6 { text-shadow: 10px 10px 40px rgba(151,142,122,1); }
.title_container { display: none; }
.avia-button { font-size: 20px !important; }
#top .avia-builder-el-6 .avia-button-fullwidth { border: 1px solid #ab8e66; }
“time.slide-meta-time { display: none!important; }
.avia-content-slider-inner { height: auto!important; }”
“.mega_menu_title.heading-color.av-special-font{
font-family: Lato!important;
}”
.news-time { display: none; }
Hi emielvanwegen,
https://share.getcloudapp.com/2Nu0KPLl There should be no quotes in the css here.
Best regards,
Victoria
Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon