How to make price text in collection small on Craft theme?

Store Design
1

Looking to price text smaller as referenced in screenshot.

https://prnt.sc/vw5QGVOs9uEL

The shop: https://b898f2.myshopify.com/

Any help will be appreciated and correct solution liked and accepted.

thank you

2

Find component-card.css

@media screen and (max-width: 989px){
.prict{
font-size:14px;
}
}
3

You can add code by following these steps to reduce price text as shows in screenshot

  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){ .card-information .price { font-size:12px !important; } }

techlyser_ecom_0-1674900085810.png
techlyser_ecom_0-1674900085810.png362×766 187 KB

4

Hi @Trapesthetics

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

PageFlyVictor_0-1674915703768.png
PageFlyVictor_0-1674915703768.png400×225 38.4 KB

Hope this answer helps.

Best regards,

Victor | PageFly

5

Hi @Trapesthetics ,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

.price {
   font-size: 1.4rem !important;
}

you can also change the rem yourself, it will work fine

1 Like