How do I change the font size (title) under the product image in the collections page?

Store Design
, ,
1

Hello,

How do I change the font size (title) under the product image in the collections page? I circled the text I’d like to change the font size below:

sundayflea_0-1673371552932.png
sundayflea_0-1673371552932.png1803×968 266 KB

Thank you for your time and help!

Website is: penelopeshop.nyc

The page URL can be found in screenshot.

1 Like
2

Hello @sundayflea

Please use below code on assets → theme.scss.css at the bottom to change font size of title. I set as example 20px but you can increase or decrease as needed.

.product__title a, .collection__title a {
font-size: 20px !important;
}

techlyser_ecom_0-1673371784325.png
techlyser_ecom_0-1673371784325.png1895×983 225 KB

1 Like
3

Thank you, that worked perfect! Would you know how to decrease the spacing in between the letters and words?

1 Like
4

Hello @sundayflea

it is due to font you are using “Lexend Giga” I am providing solution but that is not a good option due to font but you can try to increase/decrease spacing between letters/words with below code

.product__title a, .collection__title a {
letter-spacing: -1px !important;
word-spacing: -3px !important;
}

5

Hello, for some reason i can’t find this: theme.scss.css on Assets. Could you help me understand how to find it? I also want to change the Font Size (Title) under the product image