Home › Forums › WoodMart support forum › Strikethrough inclined line regular price
Strikethrough inclined line regular price
- This topic has 5 replies, 2 voices, and was last updated 4 years, 4 months ago by Aizaz Imtiaz Awan.
-
AuthorPosts
-
August 5, 2020 at 9:01 am #216593
olgaonline2020ParticipantHello,
I am trying to add an inclined strikethrough line on the regular price by using the following code without success, could you please help ? :
body .price del { text-decoration: none; &:before { content: " "; display: block; width: 100%; border-top: 2px solid rgba(red, 0.8); height: 12px; position: absolute; bottom: 0; left: 0; transform: rotate(-7deg); } }
Thank you
August 5, 2020 at 11:08 am #216634
Aizaz Imtiaz AwanKeymasterHello,
There is a line added to the regular price by default and I have visited your website and the line is displayed on the regular product price.
Screenshot for Clarification: In Private Content Area
If you want to ask anything else then please elaborate with the help of some relevant screenshot of the specific area where you want to add the line to check it myself and help you out accordingly.
Regard’s.
Xtemos Studio.August 5, 2020 at 1:35 pm #216682
olgaonline2020ParticipantHi Aizaz,
I am talking about the price you squared out (the ‘old’ price).
I want to remove that default horizontal line with propertytext-decoration: none;
and add a strikethrough ‘border’ line just like the one (Style 1) shown in the link below:https://codepen.io/jasper/pen/xEJPgk
I tried with the CSS code I provided on initial post, but did not succeed. Could you please help?
Thank you
August 6, 2020 at 6:00 am #216738
Aizaz Imtiaz AwanKeymasterHello,
I have visited the URL you provided.
The result you are trying to achieve is not possible with just simple Custom CSS, it will require core file customization as well that are beyond our limitations and support policy.
Regard’s.
Xtemos Studio.August 6, 2020 at 9:39 am #216809
olgaonline2020ParticipantHello Aizaz,
Could you please pinpoint which core files should be customized?
ty
August 6, 2020 at 11:48 am #216846
Aizaz Imtiaz AwanKeymasterHello,
Sorry but currently I am unable to provide you with the exact file path because the products prices are controlled by WooCommerce and our theme doesn’t influence.
You can try asking WooCommerce support for help on this.
The WooCommerce template file for the product content you can find under woodmart/woocommerce/content-product.php.
Best Regards.
-
AuthorPosts
- You must be logged in to create new topics. Login / Register