Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3983295
Penci Products price color
Open

Comments

  • whiskycl started the conversation
    May 4, 2025 at 5:09pm

    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

  •  2,878
    PenciDesign replied
    May 5, 2025 at 12:45am

    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 replied privately
  •  2,878
    PenciDesign replied
    May 5, 2025 at 9:30am

    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.

  • whiskycl replied
    May 5, 2025 at 12:11pm

    i added the CSS, but nothing seems to have changed

  •   whiskycl replied privately
  •  2,878
    PenciDesign replied
    May 5, 2025 at 4:36pm

    Hi,

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

    Regards,
    PenciDesign.

  • whiskycl replied
    May 6, 2025 at 3:11pm

    Just for the dark mode

  •  2,878
    PenciDesign replied
    May 6, 2025 at 4:59pm

    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.