How to capitalize product card titles in veena theme?

Store Design
,
1

I am trying to change the capitalization on the product cards for the title to not be just first letter uppercase.

I think i am supposed to do product.title | capitalize somewhere but I am unsure what file to change/add it in.

If anyone could help me out.

Thank you

2

Hello, @justkiddinh

Please share the store URL so that I can assist you.

3

@justkiddinh - can you please share this page link? it will need css

4

https://d9903c-42.myshopify.com

5

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code above the tag

After modification:

AnneLuo_0-1715059410206.png
AnneLuo_0-1715059410206.png943Ă—567 85.9 KB

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

1 Like
6

@justkiddinh Please follow below steps to capitalize the product card titles. Let me know whether it is helpful for you.

  1. From admin, go to “Online Store” → “Themes”.
  2. Click “Customize” button from the current theme.
  3. Click “Theme settings”.

Vinsinfo_0-1715062537751.png
Vinsinfo_0-1715062537751.png404Ă—809 32.2 KB

  1. Locate “Custom CSS” field and paste the below code as like in the screenshot.
.product-card-wrapper .card__content .card__heading .full-unstyled-link {
  text-transform: uppercase;
}

Vinsinfo_3-1715065017546.png
Vinsinfo_3-1715065017546.png385Ă—791 24.4 KB

  1. Click “Save” button.

Then the final result be like,

Vinsinfo_2-1715062644301.png
Vinsinfo_2-1715062644301.png1833Ă—647 191 KB

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.

7

Hello,

I am San from MS Web Designer.

Here is the solution:

Go to Themes > Edit code > Theme.liquid > at the bottom place this code before

Hope this helps.

Do let me know in case of any concerns.

Regards,

San

8

Thank you so much for your quick reply!! this worked right away