Sale price - Dawn theme

[larsvilhelmsson]

Hi, 

Something has happened to the "line-through" on my product page: 
ref. https://todecay.com/products/venusorhangen-18

The line is not centered. 

Can anyone help me? 

Kind wishes, 

Andy

[niraj_patel]

Hello @larsvilhelmsson 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (min-width: 750px) {
  .product__info-container .price--on-sale .price-item--regular {
       text-decoration: line-through !important;
       text-decoration-thickness: 2px !important;
       text-decoration-color: inherit !important;
       line-height: 1.2 !important;
   }
}
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[larsvilhelmsson]

Cheers, but it did not help 😕 

[niraj_patel]

I applied my the given CSS and on my site it work

Add this

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (min-width: 750px) {
 .product__info-container .price--on-sale .price-item--regular {
     text-decoration-thickness: 2px !important;
  }
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[larsvilhelmsson]

Hi again, works on safari but not chrome for some reason 😕 strange! 

[Guleria]

@larsvilhelmsson 

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your base.css file and paste the following code at the bottom:

@media screen and (min-width: 750px) {
.product__info-container .price--on-sale .price-item--regular {
    text-decoration-thickness: 2px !important;
}
}

[Rahul_dhiman]

Hello @larsvilhelmsson 
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file.

fieldset.js.product-form__input.product-form__input--pill {
text-align: center !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks