How to change product card titles to uppercase in Dawn theme?

Store Design
, ,
1

Hi,

On product pages, my titles are already in uppercase (all caps), but the product card titles are not. Is there any way I can make the titles on product cards uppercase (all caps)?

Kind regards

unnamed (1).jpg
unnamed (1).jpg1170×799 103 KB

2

Hello @troydewit ,

It’s GemPages support team and glad to support you today.

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1675045236193.png
GemPages_0-1675045236193.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

2 Likes
3

Assuming you know at least how to find and edit code:

Basically what you want to do is to find the class the link is using. Use your browser dev tools to see what class(es) the link is assigned to.
And then find the corresponding CSS file(probably base.css). Find the class and add
font-variant: all-small-cap to it. You may also set font-size. This will affect other links or texts that’s using the same CSS class. That’s the quick and dirty way of doing it.

Oh if there aren’t classes assigned to the link ( a tag) you’ll have to create your own class and assign that to it.

If you want to add it as an option in theme font settings it’s going to take a bit more work.