Cart button color not changing in some places

Hello,

I have changed the cart button into red as you can see in the theme settings (cf. screenshot). The color has been changed in the shop (cf. screenshot) however the cart button remained green in the product category section that I have created on the home page (cf. screenshot). Could you tell me please how to change the cart button everywhere on the site?

Thank you

Regards

Attachments:

You must be logged in to view attached files.

Hello,

As far as I see this is the Product AJAX Tabs, please enter the element and change the color there.

Best Regards

Hello

It is correct. However, I did not understand what you mean and how I can change the cart color button to red in Product AJAX tabs. I have changed in the settings but it remains green in the product Ajax tabs.

Thanks

Regards

Hello,

Please provide your site admin access to the private area.

Best Regards

Hello Elise,

Thank you for your reply.

Kindly find below the credentials.

Thank you in advance

Regards

Hello,

You can change the line color in the widget settings https://prnt.sc/z3prj5

Please deactivate WP bakery page builder the theme can work with one builder at the same time.

The cart button inherits the Primary color that is green: https://prnt.sc/z3pzoz

Alternatively, the cart button color may be changed with custom CSS.

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

body .woodmart-hover-quick .woodmart-add-btn > a{
background-color:red;
}

body .product-grid-item .price .amount {
color:red;
}

Set the color as per your needs.

Best Regards

Hello

Thank you for your reply.

I have changed the Primary color to red and the secondary color to black. When I hover the product, I can see the button “Add to cart” in red however when I hover this button, it remains red and it does not switch to black as it is the case in the shop.

1. Please check the desired comportment in screenshot 1 (available only in the shop)
2. Kindly check the actual comportment in screenshot 2 (in the home page).

Thanks in advance for your help

Regards

Hello,

Add this code:

body .woodmart-hover-quick .woodmart-add-btn > a{
background-color:red;
}
body .product-grid-item .price .amount {
color:red;
}

And this code on hover:

body .woodmart-hover-quick .woodmart-add-btn > a:hover{
background-color:blue;
}
body .product-grid-item .price .amount:hover {
color:blue;
}

Best Regards

Hello Elise,

I have added this code and changed blue into black and it works!

Since I am not using a child theme, does your theme update will errase these changes?

Thanks a lot for your help! you are great

Regards

Hello,

If you update the theme correctly the settings would not reset. In any case, please make the full backup of your site before any update/new plugin/ or other maintenance.

Best Regards

[Author]

Posts