What's New
Viewing 8 posts - 1 through 8 (of 8 total)
Viewing 8 posts - 1 through 8 (of 8 total)
You must be logged in to reply to this topic.
Hi,
See attached screenshot. do you want it? if yes, add the following code to the “Custom CSS Code” under Theme editor > Custom codes:
.regular-price::before {
content: "";
width: 50px;
position: absolute;
margin-top: 10px;
border-bottom: 1px solid #686464;
-webkit-transform: skewY(-10deg);
transform: skewY(-10deg);
}
.regular-price{text-decoration: none;}
Best regadrs.
Thank you
I added the code to the Custom CSS and it appeared as I wanted, I modified a bit the thickness of the line, and it’s angle. I have a problem now, the line appears good on the product page, but it isn’t centered in the product block in the category page. I attach two screenshots. Can I modify this line so it adapts good to the different lenghts of the prices?
Here is the modified code I’m using:
.regular-price::before {
content: “”;
width: 22px;
position: absolute;
margin-top: 20px;
border-bottom: 2px solid #686464;
-webkit-transform: skewY(-27deg);
transform: skewY(-27deg);
}
.regular-price{text-decoration: none;}
Thanks again,
Albert
You must be logged in to reply to this topic.