How do I make these texts smaller on the collection page?

[Lucas1200]

How do I make these texts smaller on the mobile and desktop view?

Check it out: sweaters

[Lucas1200]

yes and the price size 

[LizHoang]

Hi @Lucas1200 , 

You can follow the instruction below to reduce size of the text: 

1. Go to Shopify > Theme > Customize > Open Custom CSS

2. Copy and paste the code below > adjust the font size as desired > Save

#shopify-section-template--21588491010394__product-grid .card__information h3.card__heading > a {
    font-size: 12px !important;
}
.card-information span.price-item {
    font-size: 12px !important;
}

[Lucas1200]

It works on desktop not on mobile and my custom css is already full.... 

[GTLOfficial]

Hello @Lucas1200 
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.

#shopify-section-template--21588491010394__product-grid a.full-unstyled-link {
font-size: 12px !important;
}
.card-information > .price {
font-size: 1.2rem !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[Lucas1200]

It doesn't worked..