This topic has 12 replies, 2 voices, and was last updated 8 years ago ago by Rose Tyler
Hello,
How to change the line-through thickness only on single product page please?
Thank you.
Hello,
Please, provide us with link to the page and screenshot for our better understanding what exactly you want to change.
Regards,
Rose Tyler.
Hello,
Please find them.
I want to reduce the height of the line.
Thank you.
Hello,
Please, add this code in Custom CSS:
.single-product .product-information .price del {
font-size: 29px;
}
Regards,
Rose Tyler.
Hello,
Thank you but I don’t want to change my font size. What is the other way to do it?
Hello,
Try it:
.single-product del span.woocommerce-Price-amount.amount:before {
content: '';
width: 100%;
height: 1px;
background-color: #000;
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.single-product .product-information .price del{
text-decoration: none;
position: relative;
}
Regards,
Rose Tyler.
The first part doesn’t work. My line is deleted (thanks to the second part) but no new one is created.
Hello,
Please provide us with wp-admin access in Private Content.
Regards,
Rose Tyler.
Please find.
Hello,
Fixed. Please check it now.
Regards,
Rose Tyler.
Perfect, thank you.
Hello,
You’re welcome!
Regards,
Rose Tyler.
The issue related to '‘line-through’' has been successfully resolved, and the topic is now closed for further responses