skip to Main Content

please help me. I have a WordPress store with a Woocommerce plugin. In the product catalog, there is an underlined line under the price. How to remove it?

I searched for information on the Internet, found nothing. I think I need to change the CSS code

enter image description here

3

Answers


  1. Chosen as BEST ANSWER

    I found a way. I think it will help someone

    .woocommerce ul.products li.product .price ins,
    .woocommerce-page ul.products li.product .price ins,
    .woocommerce div.product span.price ins,
    .woocommerce div.product p.price ins,
    .woocommerce #content div.product span.price ins,
    .woocommerce #content div.product p.price ins,
    .woocommerce-page div.product span.price ins,
    .woocommerce-page div.product p.price ins,
    .woocommerce-page #content div.product span.price ins,
    .woocommerce-page #content div.product p.price ins,
    .product-price ins,
    .woocommerce ul.cart_list li .quantity ins,
    .woocommerce-page ul.cart_list li .quantity ins,
    .woocommerce ul.product_list_widget li .quantity ins,
    .woocommerce-page ul.product_list_widget li .quantity in {
      text-decoration: none;
    }


  2. You need to work with CSS. That underline is text decoration. Your CSS should be

    .class-name{
    text-decoration: none;
    }
    

    For more information, please contact me.
    https://www.linkedin.com/in/akash-halder-801604243/

    Login or Signup to reply.
  3. You have to use inspect to find the price and see what class it is, then give it nothing like the code below and that’s it.

    text-decoration: none;
    
    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search