Styling {!{wpv-woo-product-price}!}

This support ticket is created vor 6 Jahren, 1 Monat. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Heute stehen keine Supporter zur Arbeit im Werkzeugsatz-Forum zur Verfügung. Sie können gern Tickets erstellen, die wir bearbeiten werden, sobald wir online sind. Vielen Dank für Ihr Verständnis.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	-
-	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	-

Supporter timezone: Asia/Karachi (GMT+05:00)

Tags: How to build a site with Toolset, WooCommerce

Dieses Thema enthält 3 Antworten, hat 2 Stimmen.

Zuletzt aktualisiert von Waqar vor 6 Jahren, 1 Monat.

Assistiert von: Waqar.

Author

Artikel

Oktober 29, 2018 at 9:09 pm #1136266

CharlesB2907

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.

Oktober 30, 2018 at 12:43 pm #1136748

Waqar

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:

versteckter Link
versteckter Link

Here is a useful guide on using Chrome's DevTools, to inspect the existing styles:
versteckter 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

Oktober 30, 2018 at 1:27 pm #1136765

CharlesB2907

Thank you. I appreciate your help!

Oktober 31, 2018 at 5:37 am #1137393

Waqar

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