On my website I used this code to change the font and fontsize. De menu itself is responding fine but the submenu and widgettitle are not. Can you help?
This is the code of ‘Enfold Child: Stylesheet (style.css)’ in the editor I used:
.header_color .main_menu ul:first-child > li > a {
font-family: ‘Amatic SC’, cursive !important;
font-size: 30px!important;
text-transform: uppercase;
font-weight: 700!important;
color: #000000;
}
#top #title #footer .flex_column a{
font-family: ‘Amatic SC’, cursive;
font-size: 30px!important;
text-transform: uppercase;
font-weight: 700!important;
color: #000000;
}
Hey Maureen,
Please try this as well:
.sub-menu li a .avia-menu-text, #footer .widgettitle {
font-family: ‘Amatic SC’, cursive !important;
font-size: 30px!important;
text-transform: uppercase;
font-weight: 700!important;
color: #000000;
}
Best regards,
Rikard
Hello,
I used your code but it didn’t work, so I changed it a little.
.sub-menu li a .avia-menu-text, #footer .widgettitle {
font-family: ‘Amatic SC’ !important;
font-size: 30px!important;
text-transform: uppercase;
font-weight: 400!important;
color: #000000;
}
And this is working very well.
Thank you,
Maureen
Hi Maureen,
Great, glad you got it working and thanks for sharing. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
Rikard
Thanks for your message. You can close the topic now.
Hi,
Thanks for using Enfold :)
Best regards,
Nikko