Color Payment Button / “Continue to pay” button / Accept terms and conditions

Hi

I have three questions and hope you can help me.

1. How can I change the colof of the paymen Button?

2. How can I integrate a checkbox where the customer must accept the terms and conditions of participation before completing the order?

3. How can I change the form an color of the “Continue to pay” button

Thank you very much for your help and best regards

Attachments:

You must be logged in to view attached files.

Hi MemoMartino,

Thanks for reaching to us.

1. Go to Theme Settings > Typography > Advanced. In this area, you can assign elements to below Custom Class:

a.components-button.wc-block-cart__submit-button

Please refer to our documentation https://xtemos.com/docs-topic/advanced-typography-settings/

2. You can add the Terms and Conditions checkbox by going to Appearance > Customize > WooCommerce > Checkout, then on the Terms and Conditions page field, select the page where your Terms and Conditions are. This will enable the checkbox.

3. Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

button.wc-block-components-checkout-place-order-button{
	background-color: #000;
}

Regards,

Hi

Thank you for your message and the instructions. Unfortunately it doesn’t work quite correctly yet.

1. I can customize the font color and style with this shortcode. However, I don’t know how to make a button out of it. See the screenshot

2. Unfortunately, I don’t have the settings for the terms and conditions, or they are hidden. See the screenshot

3. the button is now correct. But how can I adjust the font color here?

Attachments:

You must be logged in to view attached files.

Hi MemoMartino,

Thanks for reaching to us.

1. Are you referring to background of the button? Please confirm me back.

2. To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

3. You can use the Advanced area to add this class to change the font color as I provided in the #1 answer.

Regards,

Hi

Thanks for your message.
I am sending you two screenshots of the buttons that I would like to customize.
In addition, please solve the problem by accepting the Terms & Conditions.

Kind Regards

Attachments:

You must be logged in to view attached files.

Hi MemoMartino,

1. Buttons

Please remove this code from Custom CSS https://prnt.sc/gBLU_1Vwuq1C and use below one:

.wc-block-cart__submit-container{
	background-color: rgb(47,59,226);
}

a.components-button.wc-block-cart__submit-button,
a.components-button.wc-block-cart__submit-button:hover,
.wc-block-checkout__actions_row button{
	color: #fff;
}

2. Checkbox

To switch it to a checkbox style, please edit the Checkout Page and activate the option highlighted in the screenshot https://prnt.sc/jJ3BS-N7oU-a

Regards,

Hi

Thank you for your message.

The checkbox (Terms and conditions) and the button in the shopping cart worked great. Unfortunately, the button on the checkout page is still wrong. I also want this button in blue with white lettering. So both buttons must be blue with white lettering

Attachments:

You must be logged in to view attached files.

Hi MemoMartino,

I’ve fixed your issue. Please check your site again.

Regards,

Thank you very much. Now works everything perfect. 🙂

Hi MemoMartino,

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

If you have a quick minute we always appreciate a 5-star rating on our theme!

https://themeforest.net/item/woodmart-woocommerce-wordpress-theme/reviews/20264492

Your feedback is the motivation to improve our work and services.

Regards,

[Author]

Posts