Change Font Colour For Woocommerce Elements

Could you advise how to change the font colour to Bold Black for the areas in the screenshots?

Do wee need custom CSS for this?

The elements are detailed as follows:

– Shop Products Grid – Price
– Single Product Page – Single Price + Variation Price
– Add to Basket Side Bar – Basket Total
– Basket Page – Sub Total + Total
– Checkout Page – Basket Total

Attachments:

You must be logged in to view attached files.

adding two more screenshots

Attachments:

You must be logged in to view attached files.

Hello,

Yes you will need custom CSS to change the colors of the text you mentioned in the screenshots.
You can use the following CSS in global custom CSS area under theme settings >> custom CSS:

.woocommerce-Price-amount.amount {
    color: black;
}

For Clarification see screenshots: https://www.screencast.com/t/ZMOcvYZl
https://www.screencast.com/t/t2lpSZBKFr
https://www.screencast.com/t/fbFz7XIrnIuc

I used black color just to set an example for you, so you can use any different color.

Best Regards.

Thanks.

This works perfectly.

We need a different colour for the recently viewed products in the footer.

Can you tell us how to change this?

Attachments:

You must be logged in to view attached files.

Hello,

You are Most Welcome.

I saw the screenshot you attached.

To change the color of the area you mentioned you need to use advanced typography settings from Theme Settings >> Typography.

Screenshot for Clarification: https://ibb.co/1vwFb5J

You can also read our documentation for further help:
https://xtemos.com/docs/woodmart/advanced-typography-settings/

Best Regards.

Thankyou

Could you tell us what to use in the custom selector field to make this change? Its quite a specific element

Hello,

Please provide the URL of the website to check it myself and provide you with the classes to target and used in advanced typography.

Best Regards.

Link attached

Hello,

I have visited the URL you provided. You need to target the following class to change the color of the recent posts links in the footer.

".woodmart-recent-posts-list .entry-title a"

Best Regards.

Sorry its the recently viewed products price colour we need to change

Hello,

I have visited your website and there is no such element in your website footer. Please make sure that you set it to check it myself and provide you with the class to target.

Screenshot for Clarification: https://ibb.co/yBDsgPy

Best Regards.

The “recently viewed products” does not automatically display. You need to view some products for it to show

Thanks

Hello,

I have revisited your website to change the color of the recently viewed products. You need to add the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.product_list_widget .product-title {
color: green !important;
}

You can change the color according to your needs.

Best Regards.

[Author]

Posts