Impulse change collection font size

Shopify Discussion
1

monarchs_1-1735441365074.png
monarchs_1-1735441365074.png382×1213 200 KB

I want to change the product tittle size to small. Please help me out. website is www.monarchsclothing.com

2

Hello @monarchs

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (max-width:767px){ .grid-product__title.grid-product__title--heading { font-size: 10px !important; } }

RESULT:

Tech_Coding_0-1735442006072.png
Tech_Coding_0-1735442006072.png318×270 60.5 KB

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

3

Hi @monarchs

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.
.grid-product__meta .grid-product__title.grid-product__title--heading {
    font-size: 14px !important;
}

Here is the result:

image_720.png
image_720.png719×292 208 KB

I hope this helps

Best,

Daisy