Re: How to capitalize product card titles in veena theme?

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
1259 223 258

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
1259 223 258

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
1259 223 258

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
10548 1303 1665

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

Support me | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

Vinsinfo
Shopify Partner
485 165 167

@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.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

INA_MSWEB
Shopify Partner
1281 144 167

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