Solved

Change original sale price color on Debutify

marvinq
Excursionist
21 0 5

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

Accepted Solution (1)

ZenoPageBuilder
Shopify Partner
1049 202 217

This is an 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

Screenshot 2024-01-17 at 09.49.27.png

Hope that helps!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com

View solution in original post

Replies 6 (6)

PageFly-Richard
Shopify Partner
4050 903 1556

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>

PageFlyRichard_0-1705451870441.png

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

marvinq
Excursionist
21 0 5

can it be in all red? including the cross

marvinq
Excursionist
21 0 5

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
Shopify Partner
4050 903 1556

@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>

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

marvinq
Excursionist
21 0 5

how do i revert the version history?

edit: nevermind I got it

ZenoPageBuilder
Shopify Partner
1049 202 217

This is an 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

Screenshot 2024-01-17 at 09.49.27.png

Hope that helps!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com