Re: Sale price - Dawn theme

Sale price - Dawn theme

larsvilhelmsson
Excursionist
22 0 7

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

Replies 6 (6)

niraj_patel
Shopify Partner
2378 514 512

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>

niraj_patel_0-1723549693930.png

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

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
larsvilhelmsson
Excursionist
22 0 7

Cheers, but it did not help 😕 

 

Screenshot 2024-08-13 at 13.50.33.png

niraj_patel
Shopify Partner
2378 514 512

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

 

niraj_patel_0-1723550245864.png

 

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.

 

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
larsvilhelmsson
Excursionist
22 0 7

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

Guleria
Shopify Partner
3408 680 963

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

 

- If helpful then please Like and Accept Solution.
- Drop an email   if you are looking for quick fix or any customization
- Email: guleriathakur43@gmail.com
- Try GEMPAGES a great page builder

Rahul_dhiman
Shopify Partner
564 113 110

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
11.png

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

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
Mobile:- +91 62390-46167