Archived topic
Change the styling of titles of navigation
6 replies · Started by Nicole on May 23, 2022
1) I would like to make the primary and secondary navigation titles: bold, caps and a slightly bigger font.
2) I would like to make the widget titles: bold, caps and center alighned.
How do I do this?
Hi Nicole,
You may modify font setting through the Typography module in Appearance > Customize > Typography.
Reference: https://docs.generatepress.com/article/dynamic-typography-overview/
Example 1: https://share.getcloudapp.com/nOuXzxe8
Example 2: https://share.getcloudapp.com/rRuOwYlr
As for the alignment, I believe you’re using a Paragraph Block in you Widgets. You may set the alignment through the alignment icon as such: https://share.getcloudapp.com/JruojRqY
You may also opt to use a Headline Block which would offer more options for modifications.
Hope this clarifies. :)
Thanks.
It works well when I am in customize. I see that I have done everything I want.
However, when I go into the site it doesn't look the same anymore.
It is as if something is overriding it.
I check the additional CSS and I don't see anything there related to navigation.
BTW, the top navigation stays the way I want it to be.
It is just the bottom navigation and the widget title that is still lowercase.
Hi there,
if i test your site without WP Rocket, by adding the ?nowprocket query string after the URL then i see the style you requested being loaded.
Try clearing any of WP Rockets caches and regenerate any critical CSS ( if applicable )
Thanks very much!
You're welcome