Supply theme:How do i change the price color to red?And how do you do colour swatches ?

Johnny_Rose
Tourist
4 0 1

Hey there !

So I've tried customizing the price colour but the title is changed too!

1.Any idea how to change the colour of the price without affecting the product name?

2.Is it possible to do colour swatches on supply theme?Tried to follow shopify's tutorial and it didn't work out :o

Thanks In Advance !

 

tim
Shopify Expert
2926 142 995

Hi Johny, 

the theme does not have a separate color setting for price. You may add the following CSS rules to the bottom fo your theme.scss.liquid Asset:

/* --tim: make product price red on collection page */
.product-item--price .h1 {
    color: red;
}
/* --tim: make product price red on product page */
#productPrice-product-template {
    color: red;
}

 

Want to hire me to tweak a theme? Mail me at tairli@yahoo.com!
My post solved your problem? Like it!
Johnny_Rose
Tourist
4 0 1

Tim,that did the job wonderfully,Thank you so much!

0 Likes
erjimi25
New Member
1 0 0

Hello, I had the same problem, it is solved now, thank you so much! Can you please share the code for the compared prize in red aswell?

0 Likes
iq180
New Member
6 0 0

This works like a charm. But ...

Is it possible to use the original BLACK colour if the item is not on sale?

Only the onsale item use RED.

0 Likes