Impulse change collection font size

[monarchs]

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

[Tech_Coding · Accepted solution]

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 </body> on theme.liquid
<style>
@media screen and (max-width:767px){
    .grid-product__title.grid-product__title--heading {
        font-size: 10px !important;
      }
  }
</style>
RESULT:

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

[DaisyVo]

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: 

I hope this helps

Best,

Daisy