Change size of price on product grip page

[JADIS]

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

Do you know how to do it please?

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

thanks in advance

[Moeed · 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:

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

Best Regards,
Moeed

[JADIS]

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]

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

[JADIS]

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