Solved

Change size of price on product grip page

JADIS
Explorer
169 1 19

Good morning,

 

I would like to reduce the size of the price font ONLY ON the product grid page (where you can scroll through all the products). I would like the font size of the prices to be the same size as the brand name above in light gray

 

JADIS_0-1696359060390.png

 


Do you know how to do it please?

 

Theme: Dawn
Website: jadis-shop.com
password:rj


thanks in advance

Accepted Solution (1)

Moeed
Shopify Partner
3769 953 1185

This is an accepted solution.

Hey @JADIS 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.price {
    font-size: 12px !important;
}
</style>

RESULT:

Moeed_0-1696359654302.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️

View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
3769 953 1185

This is an accepted solution.

Hey @JADIS 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.price {
    font-size: 12px !important;
}
</style>

RESULT:

Moeed_0-1696359654302.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
JADIS
Explorer
169 1 19

bro there is a problem, It also changed the size of the price on the product sheet.. is it possible to change the size (to 12px) only for the product grid page ?

Moeed
Shopify Partner
3769 953 1185

Hey @JADIS 

 

Remove the previous code and add this new code.

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

{% if template.name == 'collection' %}
<style>
.price {
    font-size: 12px !important;
}
</style>
{% endif %}

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
JADIS
Explorer
169 1 19

good ! but is it possible to have also for the featured collection please ?