Sale price - Dawn theme

Store Design
1

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

2

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 on theme.liquid

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

niraj_patel_0-1723549693930.png
niraj_patel_0-1723549693930.png1077×363 383 KB

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

3

Cheers, but it did not help :confused:

Screenshot 2024-08-13 at 13.50.33.png
Screenshot 2024-08-13 at 13.50.33.png970×426 30.9 KB

4

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

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

niraj_patel_0-1723550245864.png
niraj_patel_0-1723550245864.png659×452 108 KB

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 on theme.liquid

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

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

6

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
11.png420×728 36 KB

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

7

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