Hi,
I'm using Toolset with Divi Builder and woocommerce.
I have a shortcode placed in the table of a Divi Text Module for woocommerce {!{wpv-woo-product-price}!} but the price entry does not match the style of the other shortcode populated fields. Screenshot
Is it possible to edit or match the style?
Thank you.
Hi Charles,
Thanks for asking! I'd be happy to help.
If you'll check the styles added to the price field, through Chrome's DevTools, you'll note that they're applying from following two files:
hidden link
hidden link
Here is a useful guide on using Chrome's DevTools, to inspect the existing styles:
hidden link
You can override these styles by adding following custom CSS code:
( ref: https://toolset.com/documentation/beyond-the-basics/leverage-existing-styles-and-add-new-css/ )
.woocommerce div.product p.price, .woocommerce-page div.product p.price {
color: #666 !important;
font-size: inherit !important;
}
I hope this helps.
regards,
Waqar
Thank you. I appreciate your help!
Hi Charles,
Glad my message helped.
Please let me know if you need any further assistance around this.
For any new questions, you're welcome to open new tickets.
regards,
Waqar