Line Price Woocommerce

huangapple go评论72阅读模式
英文:

Line Price Woocommerce

问题

请帮助我。我有一个带有WooCommerce插件的WordPress商店。在产品目录中,价格下面有一条下划线。如何去掉它?

我在互联网上搜索了信息,但没有找到任何东西。我认为我需要修改CSS代码。

图片链接

英文:

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

答案1

得分: 0

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;
}

(Note: The code portion has been translated. If you have any more code to translate, please provide it.)

英文:

I found a way. I think it will help someone

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->

.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;
}

<!-- end snippet -->

答案2

得分: 0

你需要使用CSS。那条下划线是文本装饰。你的CSS应该是

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

更多信息,请联系我
1: https://www.linkedin.com/in/akash-halder-801604243/

英文:

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/

答案3

得分: 0

你必须使用inspect来找到价格并查看它是什么类别,然后给它类似下面的代码,就这样。

text-decoration: none;
英文:

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;

huangapple
  • 本文由 发表于 2023年6月12日 11:55:08
  • 转载请务必保留本文链接:https://go.coder-hub.com/76453560.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定