Decrease Font Size of the Product Title for Craft Theme

[Lucy5134]

Hello All,

I’m reaching out for some assistance with the Craft theme on my store. Specifically, I’ve been trying to decrease the font size of the product titles but haven’t had success so far.

I’ve tried a few methods, including adjusting the CSS files, but it seems I might be missing something or not targeting the right element. If anyone has experience with this particular theme and can guide me on how to effectively change the product title font size, I would greatly appreciate it!

Thank you in advance for your time and expertise.

[zaczee]

Hi,

Can you share your store url

[Dan-From-Ryviu]

Hi @Lucy5134

Please go to your Online store > Themes > Edit code > Assets, open base.css file and add this code at the bottom

h1.product__title { font-size: 26px !important }

[Lucy5134]

thanks!

[Lucy5134]

Hi Dan,

Thank you for the detailed instructions. We followed them and added the code to the base.css file as you suggested. However, we’re still unable to decrease the font size of the product title in the Craft theme. Any further guidance would be greatly appreciated.

[Dan-From-Ryviu]

Please change code to this

.product__title h1 { font-size: 26px !important }

[Lucy5134]

Hi Dan, We just tried the new code, but it doesn’t seem to work either.

[Dan-From-Ryviu]

Hi, it works but you can make your product title smaller by changing 26 to 24

.product__title h1 { font-size: 24px !important; font-weight: normal !important; }

[Lucy5134]

Fantastic, it worked! I truly appreciate your assistance!

[Dan-From-Ryviu]

You are very welcome, @Lucy5134

[juliamaxmax]

в каком низу? в низу чего? в самом низу ?

Spotlight theme