Change Bottom Menu's Font
doug raught
Using "BabyCare" template. How do I edit the menu's font size, name, and color in the 'bottom' and 'footer' positions?
I can find CSS for the main menu, but not for other positions.
Thanks!
Rashida Rahman
Accepted AnswerHi,
Here is the sample code for you to put into the custom CSS:
#sp-bottom .sp-module ul>li>a, #sp-bottom .sp-module ul>li>a>span {
font-family: cursive;
font-size: 20px !important;
color: green;
}
#sp-bottom .sp-module .sp-module-title {
font-size: 16px;
}You can change the values as per your choice.
Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
Best Regards
Rashida Rahman
Accepted AnswerHi there!
Would you please give me your site URL here to check?
However, the following blog post may help you:
https://www.joomshaper.com/blog/which-line-of-css-i-have-to-edit-code-inspector-in-action
Best Regards
doug raught
Accepted AnswerThanks for responding.
My website is www.holyhoster.com/nl You'll see the bottom menus (Quick Links and Follow Us) have the wrong font for my website.
It would also be nice to be able to change the size of the titles (Quick Links & Follow Us) of those menus.
If this can be done by css, then I know how to copy and paste code into the template.