What's your biggest current challenge? Have your say in Community Polls along the right column.

Change font size of product card

Change font size of product card

letsgetwasted
Explorer
60 1 11

Hi,

 

I've managed to get colour and a custom metafield appear in my product card, but i want the font size / spacing to be the same as my "captions" block - basically smaller and more letter spacing.

 

Screenshot 2024-11-19 at 9.45.17 PM.png

 

from what i can find this is the tweaks, but how can i apply it to this line?

 

.caption {
font-size: 1rem;
letter-spacing: 0.07rem;
line-height: calc(1 + 0.7 / var(--font-body-scale));
}

 

https://lc78eud3twhc8whk-57326960695.shopifypreview.com

Replies 2 (2)

bundler-marko
Pathfinder
103 9 19

Hi @letsgetwasted ,

 

Could you try going to: Shopify > Themes > Customize. There select the "default product" template. Next, navigate to the text you would like to adjust and click on it. On the right corned of the page, there should be a "Custom CSS" section, where you should be able to add your custom CSS code.

bundlermarko_0-1732024395764.png

 

Bundler combines perfection with non-negotiable value and total creative control. Learn more

DaisyVo
Shopify Partner
1024 130 144

Hi @letsgetwasted 

 

To complete your requests, please follow these steps:
  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.
I hope this helps
 
Best,
 
Daisy
Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution