Change the colour of product name & price on collection page template

[harper1989]

Hi Shopify Guru's,

I would like to change the colour of the product card information on my collection page template.

They are currently default white.

NOTE: I don't want to change the colour of the product name and price on my product page templates, I have code for each template that takes care of that.

I am using Focal Theme 12.0.1.

Thank you in advance!

[Moeed]

Hey @harper1989 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[harper1989]

Hi, 

thanks for your quick response, this is the first time I am seeking help, how do I do this? And how do I do this safely?

Thank you

Matt

[Moeed]

Hey Matt,

If your website is password protected, then you can share your website link and password in private messages if you don't want to share it in public.

Best Regards,

Moeed

[Moeed]

Hey @harper1989 

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>
product-item {
    color: #F6A429 !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[harper1989]

Thanks Moeed! If i want the name to be a different colour to the price, how do I do this?

Cheers

Matt

[Moeed · Accepted solution]

Hey @harper1989 

You can add this updated code then

<style>
.product-item-meta__title {
    color: #F6A429 !important;
}
product-item .price {
    color: red !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[harper1989]

Moeed you are a legend! thank you so much, efficient and straight to the point. Thank you again!

[ZestardTech]

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.