How do you change the color of specific words in shopify impulse theme

[Byron]

My website is https://curahealing.co/collections/frontpage/products/massager-cervical-hot-pillow

I want to change the color of the price of the product... I know that I can use custom css to say span {color:blue;}

but if i do that it changes the color of more than just the price and I only want to change the color of the price "$59.99" if anybody knows how to do this it would be appreciated if you would share it with me

[StephensWorld · Accepted solution]

You need to base the CSS coding you add on the class, not 'span'. 

.product__price = both of the prices
.on-sale = just the sale price (price without the strikethrough)
.product__price--compare (price with the strikethrough). 

So for example, if you just want the sale price colour to change, do something like this: 

.on-sale {
color: blue;
}

[StephensWorld · Accepted solution]

You need to base the CSS coding you add on the class, not 'span'. 

.product__price = both of the prices
.on-sale = just the sale price (price without the strikethrough)
.product__price--compare (price with the strikethrough). 

So for example, if you just want the sale price colour to change, do something like this: 

.on-sale {
color: blue;
}

[BSSCommerce-HDL · Accepted solution]

Hi @Byron, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag: 

<style>
span.product__price.on-sale {
    color: blue !important;
}
</style>

Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍