Penci Products price color | PenciDesign Support

PenciDesign Supporter replied

1 year ago

Staff Reply

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.

whiskycl replied

1 year ago

Customer Reply

Just for the dark mode

PenciDesign Supporter replied

1 year ago

Staff Reply

Hi,

Would you like to change the product price color specifically for dark mode, or for all display modes?

Regards,
PenciDesign.

whiskycl replied

1 year ago

Customer Reply

i added the CSS, but nothing seems to have changed

PenciDesign Supporter replied

1 year ago

Staff Reply

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.

PenciDesign Supporter replied

1 year ago

Staff Reply

Hi,

Could you please provide the URL where this issue is occurring? This will help us investigate and assist you more effectively.

Regards,
PenciDesign.

whiskycl started the conversation

1 year ago

Conversation Start

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).