Return to previous page

Change the price color on the article view

This topic has 2 replies, 2 voices, and was last updated 10 months, 3 weeks ago ago by Tony Rodriguez

salmi

Participant

November 16, 2023 at 19:22

Hello, where can I change the price color of the article overview?

Please, contact administrator
for this information.

#373961 Copied Theme version: 1.0

1 Answer
Tony Rodriguez

Support staff

November 17, 2023 at 09:53
Hello, @salmi,

We would like to guide you through the process of altering the color of the product prices on your Shop page. Kindly follow the steps outlined below:

1. Copy the following CSS code:
```
   .content-product .price span.woocommerce-Price-amount.amount bdi {
       color: red !important;
   }
```
2. Navigate to “Xstore” followed by “Theme Options.”
3. Proceed to “Theme Custom CSS.”
4. Paste the copied code into the “Global CSS” section.

After completing these steps, please ensure to clear your browser’s cache before revisiting your site to view the changes.

For your reference, the expected outcome should resemble the example provided here: https://ibb.co/rbpj26t

Should you require any further assistance, please do not hesitate to reach out.

Best Regards,
The 8Theme Team
#374003 Copied
Tagged: enhance woocommerce product display, modify article view woocommerce, optimize woocommerce store appearance, woocommerce price color change, wordpress templates customization
Viewing 2 results - 1 through 2 (of 2 total)