How can I change the price color on my homepage and collections pages?

Hello,

My store runs on the minimal theme. Currently the price color of my products are gray on the homepage and collections pages. I would like to change the price color to #E91B26 in both the homepage and collections pages. I will leave a screenshot to make it more clear.

Hi @matteo_p !

This is PageFly - Advanced Page Builder. I would love to give you some recommendation

Please share Page Url so that I can inspect and send code accordingly

I hope my recommendations will be beneficial for you, let me know if you have any questions. Cheers!

Best Regards;
PageFly

https://feirinhadachina.com.br/

Hi @matteo_p !

Bro you can change whole line color as they are in same class

Like this;

Targeting the price only through CSS would not be possible assuming your current code structure. Restructuring the liquid/html code should do the trick, however, depending on the apps used, this can get pretty complex. I’d suggest to hire a developer if you don’t have coding knowledge.

Cheers!

Ok in that case change the color to #D4AF37 please. But only in the homepage and collections pages, the product page you can leave it as it is.

Hi @matteo_p

This is PageFly - Advanced Page Builder. I would love to give you some recommendations

Add this css at the bottom

Online Store->Theme->Edit code

assets->theme.scss.css

.grid-link__meta {

color: #D4AF37 !important;

}

.on-sale .grid-link__meta, .on-sale .grid-link__sale_price {

color: #D4AF37 !important;

}

Hope you find my answer helpful!

Regards,

PageFly