Change original sale price color on Debutify

[marvinq]

I need help changing the original sale price to a red color crossed out. currently it is greyed out. i want it to be red instead. 

I am using the debutify theme.

this is the site:

www.ssensials.com/products/therapad

[PageFly-Richard]

Hi @marvinq 

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
span#ComparePrice span {
    color: red;
}
</style>

Hope this can help you solve the issue 

Best regards,

Richard | PageFly

[marvinq]

can it be in all red? including the cross

[marvinq]

something happened to my store. now it says this on top of the page: link-href-www-ssensials-com-cdn-shop-t-24-assets-fancybox-min-css-v-178684395451874162921705359821-rel-stylesheet-type-text-css-media-all" class="sticky-header transparent-header--desktop transparent-header--mobile template-product">

how do I remove it?

[PageFly-Richard]

@marvinq You need to revert the version history in theme.liquid first to solve the issue strange thing show on page.

And after that text is disappear, you need follow my guide and put the code above the </head> 

<style>
span#ComparePrice span {
    color: red;
}
#ComparePrice{
    text-decoration-color: red !important;
}
</style>

[marvinq]

how do i revert the version history?

edit: nevermind I got it

[ZenoPageBuilder · Accepted solution]

Hello @marvinq 👋

Inside Shopify Admin, you can go to Edit theme code, open file theme.scss (or theme.scss.liquid) and add this code at the bottom

#ComparePrice {
    color: #FF0000 !important;
}

The result

Hope that helps!