Product (Grid or Carousel) Price Colour Change

Hello,

We use the widget Product (Grid or Carousel) – see atached image and would like to change the colour of the prices and the word ‘From’ from the current purple colour to white colour. Can you advise how to do this?

Regards

LP

Attachments:

You must be logged in to view attached files.

Hello,

Navigate to Theme Settings > Typography > Advanced > Select the product grid price from the drop-down and change the color for the grid price: https://ibb.co/qdJBWdP

For the advanced button styles, please follow this guide: https://xtemos.com/docs-topic/advanced-button-styles/

Best Regards,

Hi,

Thank you and we tried it. It works but it changes all product grid prices (some of which have a white background) so the price can’t be seen on other product grirds. Is there a way to limit the colour change to this element only?

Regards

LP

Hello,

Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

#carousel-821 ins .woocommerce-Price-amount.amount,
#carousel-821 span.from {
    color: white !important;
}

Best Regards,

Hi,

Thank you but it did not work?

Cache was cleared and deactivated but no change in colour?

Regards
LP

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards,

Hello,

Sure. See private area

Thank you

LP

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards,

Hello,

As stated above we already provided the login details?

Regards

LP

Hello,

Your issue has been resolved. Check back your site and check the issue. I have modified your custom css code and added the custom class in the Elementor widget where the carousel is added.

Best Regards,

Hello,

Thank you it works. Can you give more details exactly how you did it as we need to replicate it on our subsites?

Regards

LP

Hello,

Edit the Home Page with Elementor > Edit the Container where the grid or carousel is added, and in the advanced tab added the css class.

Then navigate to Theme Settings -> Custom CSS -> in the Global Custom CSS area and add the following custom CSS.

.white-carousel .wd-product ins .woocommerce-Price-amount.amount bdi,
.white-carousel .wd-product span.from {
    color: white !important;
}

Best Regards

Excellent. Thank you

Keep up the great support and excellent theme!

Hello,

You’re Most Welcome!

Feel free to write back anytime. If you need further assistance, we are always here to help you.

If you have a minute, we’d truly appreciate your feedback — it helps us improve the product and shape future updates more effectively. We’d love your feedback on our theme: https://tally.so/r/w4l54k

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts