Solved

How to capitalize product card titles in veena theme?

justkiddinh
Visitor
3 0 0

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

Accepted Solution (1)
AnneLuo
Shopify Partner
414 84 79

This is an accepted solution.

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 </head> tag

 

<style>
  .card__information .card__heading .full-unstyled-link {
      text-transform: uppercase;
  }
</style>

 

After modification:

AnneLuo_0-1715059410206.png

 


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

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee

View solution in original post

Replies 7 (7)

AnneLuo
Shopify Partner
414 84 79

Hello, @justkiddinh 

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

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee
justkiddinh
Visitor
3 0 0
AnneLuo
Shopify Partner
414 84 79

This is an accepted solution.

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 </head> tag

 

<style>
  .card__information .card__heading .full-unstyled-link {
      text-transform: uppercase;
  }
</style>

 

After modification:

AnneLuo_0-1715059410206.png

 


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

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee
justkiddinh
Visitor
3 0 0

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

suyash1
Shopify Partner
9197 1146 1492

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

To build shopify pages use pagefly
You are welcome to contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Paranormal story video using AI

Vinsinfo
Shopify Partner
247 90 82

@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

 

4. 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

 

5. Click "Save" button.
 
Then the final result be like,
Vinsinfo_2-1715062644301.png

 

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

SAN_MSWEB
Shopify Expert
1082 130 136

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 </body>

 

<style>
.card__information .card__heading .full-unstyled-link{text-transform: uppercase !important;}
</style>

 

Hope this helps.

 

Do let me know in case of any concerns.

 

Regards,

San

If it’s helpful to you, please mark it as a solution.  


Need Help with Shopify Design, Migration, Speed, or Custom tasks?  
email: hi@mswebdesigner.com
Try Our Conversion Booster app to get more sales | Connect Our Founder Linkedin