Adding custom content on product grid

Hello Support team, I have uploaded two images. In the image 1, I successfully added “inc. Vat” next to the sale price on the home page using the following CSS:

.product-grid-item .price ins:after {
  content: " inc. Vat";
  font-size: 12px;
  font-family: Helvetica, sans-serif;
  color: #999999;
  font-weight: bold;
  margin-left: 2px; /* Adjust the margin as desired */
}

However, I encountered an issue with the image 2 uploaded on the categories page. I tried various CSS codes, but none of them seem to work. Just to let you know, I have hidden the WooCommerce suffix, and now I want to achieve the “inc. Vat” feature using the provided CSS. Could you please assist me with this?

Attachments:

You must be logged in to view attached files.

Hello,

You have added the CSS Code in the elementor page builder for the home page to remove this suffix.
https://snipboard.io/Dmtb2V.jpg

If you enable or disable the option Go to WooCommerce > General > enable or disable taxes.

The CSS Code that you have sent me you have added in the Elementor page builder. Try to add the Custom CSS code in Theme Setting > Custom CSS > Global Custom CSS.

Best Regards.

[Author]

Posts