“Title Typography” in Elementor does not work for “Product categories”

Hi there,

When we tried to change the font size and the transform setting for a “Product categories” element in the Elementor designer, it seems like the whole “Title Typography” section can not apply to the element. We want the title of the product categories can remain in their original style, I.E. “iPhone 14” instead of “IPHONE 14”. Is there any way we can achieve that?

You can check the screen recording to see what I mean.
https://www.loom.com/share/282d679517414bbaaf4d037a10283184

Any help would be much appreciated.

Hello,

1. I have added to the section with these categories a custom class (in order to not break other categories) and prepared a custom CSS that you can use in Theme Settings -> Typography -> Advanced.

https://monosnap.com/file/HT8s1tq5QoIqR3taa3r5oPwB2av5B3

2. In the Advanced typography add a new rule with the “Custom Selector” value and paste there the below selector:

.case-categories .wd-nav-product-cat>li>a

https://monosnap.com/file/5Dpk9HnwYnkGSWrLJ7ypyMeaeq01el

Adjust the typography per your needs.

Here is the result: https://monosnap.com/file/fsZHCM3N6VccfGhmC3RbZbXZQ8XBFH

Kind Regards

Hi Luke,

Thanks for the detailed solution, it works like a charm. Most importantly, I learned a way to change font style in WoodMart theme.

Good on you, thanks!

This ticket can be close now, thank you.

You are welcome!

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

Have a good day!

Kind Regards

[Author]

Posts