How to change Compare at price to text-decoration: line-through;

Store Design
1

Hi, how do I need to change text-decoration in Showtime theme to line through. It just doesn’t reach the class style.css.liquid

span#CustomPriceAtCompare {
color: red;
text-decoration: line-through;
margin-left: 10px;
position: relative;
font-weight: inherit !important;
font-size: inherit !important;
}

From featured-product.liquid file.

Kasparas_1-1638923945273.png
Kasparas_1-1638923945273.png1175×203 18.2 KB

1 Like
2

@Kasparas

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Website

https://adoma.lt/

Product for example

https://adoma.lt/products/drewniana-tabliczka-edukacyjna-masterkidz-alfabet-wielkie-literki?_pos=3&_sid=af2446010&_ss=r

4

@Kasparas - please add this css to the very end of your style.css file and check , should look like screenshot below

#content .pro_main_c .desc_blk .desc_blk_bot .price span#comparePrice {
    text-decoration: line-through !important;
}

suyash1_0-1638978108537.png
suyash1_0-1638978108537.png1366×768 244 KB

5

Thank you very much, it worked!! So the main thing is that I need to copy the main style title “#content .pro_main_c .desc_blk .desc_blk_bot .price span#comparePrice” and then make some changes in that by adding at the bottom of the Style.css file.

6

! Important was important

1 Like