Home Forums WoodMart support forum Strikethrough inclined line regular price

Strikethrough inclined line regular price

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #216593

    olgaonline2020
    Participant

    Hello,

    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

    #216634

    Hello,

    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.

    #216682

    olgaonline2020
    Participant

    Hi Aizaz,

    I am talking about the price you squared out (the ‘old’ price).
    I want to remove that default horizontal line with property text-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

    #216738

    Hello,

    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.

    #216809

    olgaonline2020
    Participant

    Hello Aizaz,

    Could you please pinpoint which core files should be customized?

    ty

    #216846

    Hello,

    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.

Viewing 6 posts - 1 through 6 (of 6 total)