text-decoration for del price

Hi

I want to add text-decoration: line-through; for price and woocommerce-Price-currencySymbol separately
because it shows the underline under the woocommerce-Price-currencySymboland I want to align them together

You already received access to my site on this topic https://xtemos.com/forums/topic/change-sale-label/
Please don’t share anything of my site (just put your code and clear the cache )
I will check the page and see how it looks like

Sorry

On this site, I have that problem,
Just give me the css code for that to fix, I couldn’t find the problem and it seems everything working well on that site I give you access

Hello,

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.price del {
    text-decoration: line-through !important;
}
span.woocommerce-Price-currencySymbol {
    text-decoration: line-through !important;
}

Best Regards.

Hi

I need you to check my site

First please don’t share anything, okay?

I want to remove text-decoration: line-through ; because the position of that is not good and if I add that to another class it will show 2 line , I need to remove the top line and add a second line, please check my site and image I upload it in a private area

Thanks

Hello,

Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS. Change the code as per your requirements.

.price del {
    text-decoration: none !important;
}

/* Add line-through only to the price amount */
.price del .woocommerce-Price-amount {
    position: relative;
}

.price del .woocommerce-Price-amount::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 2px; /* Adjust the thickness of the line */
    background: #000; /* Adjust the color of the line */
    top: 50%; /* Align the line in the middle */
    transform: translateY(-50%);
}

Best Regards.

Hi
Yes, it worked
Please close
Thanks

Sounds Great! that your issue has been solved.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts