How can I change the font size of collection titles in Studio theme?

Store Design
1

ECAFB1A6-9787-4620-9579-1E8563F47008.jpeg
ECAFB1A6-9787-4620-9579-1E8563F47008.jpeg1284×1806 319 KB

Hello,

Can someone please help me find the code in the “Studio” theme I need to edit to change the font size of the collection titles in a collection list (see photo attached). The current font is too big.

Thanks!

2

Hi @LavenderCat

Please try following those steps:

  1. Go to your Online store > Themes > Edit code > Assets > Open file component-card.css
  2. Add the following code to the bottom of the file:
.card__information > .card__heading {
  font-size:20px;
}

Change the font size to the value you want.

If it does not work for you, please give me your store URL and password, if any.
I’ll check further and provide you with a solution.

I hope this helps!

3

Hello!

This worked for the titles on the desktop/fullscreen view but the mobile site still hasn’t changed. Any idea how to change the title sizes for the mobile view of the site?

4

Hi @LavenderCat

Sorry for missing your message.

Can you please give me your shop URL and password, if any?
I will check further for you.