Site logo

Archived topic

Change the styling of titles of navigation

6 replies · Started by Nicole on May 23, 2022

Viewing posts 1–7 of 7

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

This archived topic is closed to new replies.