How to change font size of the Product Title?

Hello, how can I change the font size of the category title and also the menu categories navigation?

Please see attached screenshot

Also – is there a way to change the background color also?

Thanks

Attachments:

You must be logged in to view attached files.

[Luke Nielsen]

Hello,

You can change the “Page title size” to “Small” via Theme Settings -> Page title and the font size also will be smaller.

https://gyazo.com/8b5d2de0547bb412abcf041a0b4fa4b0

The font size of the product navigation you can change with the help of the below code, enter it into the “Custom CSS for desktop” area that is in Theme Settings -> Custom CSS.

.woocommerce-shop .page-title .wd-nav-product-cat>li>a {
    font-size: 12px;
}

Also, the background color can be changed via Theme Settings -> Page title -> Pages title background.

https://prnt.sc/J2Ikvf03D8qL

If you want such changes only for the Page title that is on the “Shop” page, I suggest you use theme presets in Theme Settings. Here is an article about it:

https://xtemos.com/docs-topic/theme-settings-presets/

In the meantime, feel free to ask me any questions you may have.

Kind Regards

• This reply was modified 2 years, 4 months ago by Luke Nielsen.

Hi Luke,

Thanks so much for your help with this, I successfully managed to change the font using the CSS – thanks for that 🙂

I now have one more question, is there a way I can reduce the height of the box that the page title navigation is in? If you see for example my screenshot then you can see the grey background is really tall in height, is there a way I can reduce is?

Also attached link to the page if that helps:

https://woocommerce-627090-2434363.cloudwaysapps.com/collections/all-watches/

Thanks in advance 🙂

Attachments:

You must be logged in to view attached files.

Hello,

There is another way to reduce the height of the page title, please navigate to Theme Settings -> Performance -> CSS -> add the “Shop opt without title” item to the “Styles always load” option.

https://prnt.sc/xX6BvmaxnL8X

https://prnt.sc/qHN3tXLcoh_2

If you have any more questions or come across any other issues, let me know, I’ll be happy to help.

Kind Regards

thats awesome! thanks so much for your help 🙂

Hello,

We will appreciate it if you can refer your friends or family members to become a part of our Xtemos family.

In case you need any additional help, I’d be more than happy to assist you.

Have a good day!

Kind Regards

[Author]

Posts