Update Cart Button Color

Hello, I am trying to change the color of update cart button on cart page but its still grey , it changes when quantity is increased or decreased. I want to change that grey color, please help.

Also please help me to put coupon code box option on Checkout page, like on cart page. It should look like a box not text ” Have a coupon? Click here to enter your code “.

Hello,

You can find the option in the Theme settings > Styles and colors > Buttons >Advanced button styles: https://prnt.sc/T0oxo5_dcQui

If you have any questions please feel free to contact us.

Best Regards

I already tried, its not working. The button is disabled and grey at normal state, when I change quantity it comes to original style.

Hello,

Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

Best Regards

I submitted the admin access. But is there any way to connect with you directly on chat or call because I don’t have this much time to wait for your in hours or days, my client is getting angry and we need to finish the site in two days. I also have other issues as well, to be honest I thought woodmart is amazing choice but my experience is not so good yet.

Hello,

Unfortunately, we do not have chart support. Please provide the site admin access and we will do our best to complete all today.

Please include all the points you want to change or clarify.

Best Regards

Following Changes I need –
1. I want to change the Update Button color on cart page to black(currently grey) when it is disable.
2. Instagram & FB Messenger icons are not in social share.
3. I want to change coupon code box location on checkout page, I want it under order total.
4. Can coupon code box be open by default ?

I shared the admin access in private content, please fix these things today itself.

Hello!

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

body .cart-actions .button[name="update_cart"] {
background-color:#E0B252;
}

Change the color as per your needs.

2. You can enable them in the Theme Settings > Social profile > Share buttons.

3. 4. Please consider using the Woocommerce builder of WoodMart allowing to create custom templates for product pages and other functional pages that are not editable by default. Woocommerce builder is the inbuilt functionality widget included in the builder you use on the site.

Please check this manual: https://xtemos.com/docs-topic/checkout-page-builder/

If you have any questions please feel free to contact us.

Best Regards

To be honest, I am very disappointed with your support. I am not a beginner, I already tried all these things then I came here to take support. Whatever solutions you mentioned above are not working anymore, you are helping just on text here, Noting works.

1. The css code does not work.
2. There are no options of Instagram & FB Messenger in Settings > Social profile > Share buttons.
3 & 4. I already built my cart, checkout page with Layout option, I am using Elementor Builder and can’t find any solution to change Coupon Box position and style.

Hi,

1. By default, the disabled update cart button doesn’t change it background color. It changes its opacity to make the disabled button look inactive. To change its behavior, you need to first disable opacity and then overweight its color. Try to add the following code snippet to the Custom CSS area in Theme Settings to change it.

.website-wrapper .cart-actions .button[name="update_cart"][disabled] {
	opacity: 1 !important;
	background-color: red;
}

.website-wrapper .cart-actions .button[name="update_cart"][disabled]:hover {
	background-color: green;
}

As an alternative, you can use “Update cart on quantity change” (https://prnt.sc/Hzg25y8wIuwC) option, which makes your cart table update automatically after quantity change, and update cart button will be hidden.

2. Sorry for the misunderstanding, unfortunately, our theme doesn’t have built in Instagram & Facebook Messenger share buttons.

3. By default, our checkout builder is separated into two edit areas “Checkout form” (https://prnt.sc/WEskun0ai_Xs) – which contains Billing details, Payment methods, Shipping details, Order review and “Checkout top content” (https://prnt.sc/vg9vut2iFoRP) – which contain Coupon form, Form login. (check the video https://gyazo.com/c05356275d8a395e71d07fe5e19c69c4). It was designed in that way because by default Checkout form cant contain other forms from top content such as Coupon form and vice versa. The following restrictions are caused by the initial WooCommerce checkout structure, which cannot be changed by the WordPress theme.

4. Try to add the following code snippet to the Custom CSS area in Theme Settings to make the coupon form always open:

.woocommerce-form-coupon-toggle {
	display: none;
}

.checkout_coupon.woocommerce-form-coupon {
	display: flex !important;
}

Kind Regards

Thanks for these solutions both worked. I need one more help – can you please send me a code for removing the default coupon box coming on top (Before the billing form) at checkout page?

I have added a custom coupon box before subtotal, but unable to remove the default one. So now there are two coupon fields. You can see here – https://mulyavaan.com/checkout/

Hello,

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

body .woocommerce-form-coupon-toggle,
body .checkout_coupon.woocommerce-form-coupon {
	display: none !important;
} 

Best Regards

[Author]

Posts