Refresh Theme - Product Title and Vendor Title Uppercase on Product Card

Store Design
, , , ,
1

Hi,

Is it possible to change the product title in the product cards on the Shopify Refresh theme to uppercase, to match how the vendor is displayed?

Screenshot 2023-04-27 at 11.33.22.png
Screenshot 2023-04-27 at 11.33.22.png818×904 197 KB

2

Hey @CallumD
Share your Store URL and Password if enabled

3

Hi Moeed,

https://kjfootcomfortshoes.myshopify.com/ Password: Password1

Thank you for your help :smiley:

4

Hey @CallumD

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag.

Capture.PNG
Capture.PNG1571×652 114 KB

5

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset-> base.css and paste this at the bottom of the file:
.card-wrapper .full-unstyled-link {
    text-transform: uppercase;
}
.card-wrapper .caption-with-letter-spacing.light {
    text-transform: uppercase;
}
6

Hi @CallumD

  1. Go to the online store

  2. Edit the code and base.css file below paste the code :

.full-unstyled-link {
text-decoration: none;

color: currentColor;

display: block;

text-transform: uppercase;

}

7

Thank you for your help :smiley:

8

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.