Hello, I'm using the Soledad theme - Simple News layout.
I need to change the color of the price field in Penci Products widget, if I set the Product Price Color it doesn't affect the color of the price in case of active offers (always display as black).
Hello, I'm using the Soledad theme - Simple News layout.
I need to change the color of the price field in Penci Products widget, if I set the Product Price Color it doesn't affect the color of the price in case of active offers (always display as black).
Attached files: penci_products.jpg
Hi,
Could you please provide the URL where this issue is occurring? This will help us investigate and assist you more effectively.
Regards,
PenciDesign.
Hi,
Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:
body.pcdm-enable.pcdark-mode .woocommerce::before, body.pcdm-enable.pcdark-mode form.checkout table.shop_table .order-total .amount, body.pcdm-enable.pcdark-mode ul.products li.product .price ins, body.pcdm-enable.pcdark-mode ul.products li.product .price, body.pcdm-enable.pcdark-mode div.product p.price ins, body.pcdm-enable.pcdark-mode div.product span.price ins, body.pcdm-enable.pcdark-mode div.product p.price, body.pcdm-enable.pcdark-mode div.product .entry-summary div[itemprop="description"] blockquote::before, body.pcdm-enable.pcdark-mode div.product .woocommerce-tabs #tab-description blockquote::before, body.pcdm-enable.pcdark-mode div.product .entry-summary div[itemprop="description"] blockquote cite, body.pcdm-enable.pcdark-mode div.product .entry-summary div[itemprop="description"] blockquote .author, body.pcdm-enable.pcdark-mode div.product .woocommerce #tab-description blockquote cite, body.pcdm-enable.pcdark-mode div.product .woocommerce-tabs #tab-description blockquote .author, body.pcdm-enable.pcdark-mode div.product .product_meta > span a:hover, body.pcdm-enable.pcdark-mode div.product .woocommerce-tabs ul.tabs li.active, body.pcdm-enable.pcdark-mode ul.cart_list li .amount, body.pcdm-enable.pcdark-mode ul.product_list_widget li .amount, body.pcdm-enable.pcdark-mode table.shop_table td.product-name a:hover, body.pcdm-enable.pcdark-mode table.shop_table td.product-price span, body.pcdm-enable.pcdark-mode table.shop_table td.product-subtotal span, body.pcdm-enable.pcdark-mode-cart .cart-collaterals .cart_totals table td .amount, body.pcdm-enable.pcdark-mode .woocommerce-info::before, body.pcdm-enable.pcdark-mode div.product span.price, .penci-container-inside.penci-breadcrumb span a:hover, .penci-container-inside.penci-breadcrumb a:hover { color: #fff; }
Regards,
PenciDesign.
i added the CSS, but nothing seems to have changed
Hi,
Would you like to change the product price color specifically for dark mode, or for all display modes?
Regards,
PenciDesign.
Just for the dark mode
Hi,
Have you enabled dark mode on your site after pasting the code I sent? The code is designed to work specifically for dark mode only.
Regards,
PenciDesign.