Tagged: Menu Font
Hi
Im trying to change both footer menu and top menu to a small uppercase font.
Ive tried CSS
#footer .menu a {
color: white;
font-weight: bold;
text-transform: uppercase;
}
in the general styling with no results.
I have no idea how to do it in the main menu.
Help please :)
Hey unlimited1,
Try this instead for your footer:
footer .menu a {
color: white;
font-weight: bold;
text-transform: uppercase;
}
For the main menu, you can try to use this documentation as basis: http://kriesi.at/documentation/enfold/change-the-main-menu-color/
This support thread might also be of interest to you.
If you need further help, please give us a link to the website in question so we can take a look.
Best regards,
Sarah
Hi
No CSS is working on the footer changes – Ive tried a few including above
Im happy with colors just need the css snippets that work for uppercase in both menus and the ability to change the font size. website in question in private content. thanks
Hi,
Thank you for the links! This makes things clearer. :)
Please use this code instead:
.header_color .main_menu ul:first-child > li > a {
font-size: 12px;
text-transform: uppercase;
}
#top #wrap_all #footer .flex_column a{
font-size: 14px;
text-transform: uppercase;
}
You can change the font size according to your preference.
Best regards,
Sarah
YOU Sarah are FANTASTIC! Thanks so much :)
You’re very welcome! We’re glad to help.
If you have any other questions or issues, feel free to post them here on the forum.
Cheers!
Sarah