SOLVED: Products/carousel element: variable/on sale price

Bugs
1

Bricks Version: 1.5
Browser: Chrome 90
OS: Windows

Hi
it will be nice to have more freedom to style the woocommece price {woo_product_price} in product or carousel element

woo-price
woo-price970×375 73.2 KB

woo-price-1
woo-price-11484×458 138 KB

2

Thanks for sharing this, I believe these issues should be fixed as well, I faced these issues while working on a demo site and had to use some CCSS to remove the sale’s price underlined (which was not easy to find the exact CSS selector in inspection). I didn’t try to remove the first currency symbol but it’s better to be able to remove it as it takes more unnecessary space.

1 Like
4

Hey Mehdi,
we’re using the default WooCommerce elements markup. If you inspect the elements, you’ll see the individual classes - if there are any, so you can style the element very easily:

  1. Currency Symbol: .woocommerce-Price-currencySymbol { ... }
  2. Underline: ins{ text-decoration: none; }

Easy, isn’t it? :smiley:

Best regards,
timmse

1 Like
5

You make life easier :sweat_smile::tulip:
Bye the way please add this features in future updates :pray:

6

We’ll have to see… WooCommerce is partly a pure disaster in regards to the markup :melting_face:

1 Like