Home › Forums › WoodMart support forum › Color Payment Button / “Continue to pay” button / Accept terms and conditions

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

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • June 3, 2024 at 10:23 pm #570350

    MemoMartino
    Participant

    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.
    June 4, 2024 at 11:52 am #570486

    Hung Pham
    Keymaster

    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,

    June 4, 2024 at 5:23 pm #570590

    MemoMartino
    Participant

    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.
    June 5, 2024 at 10:50 am #570730

    Hung Pham
    Keymaster

    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,

    June 5, 2024 at 1:51 pm #570794

    MemoMartino
    Participant

    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.
    June 5, 2024 at 7:12 pm #570901

    Hung Pham
    Keymaster

    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,

    June 5, 2024 at 9:04 pm #570921

    MemoMartino
    Participant

    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.
    June 6, 2024 at 10:24 am #570987

    Hung Pham
    Keymaster

    Hi MemoMartino,

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

    Regards,

    June 6, 2024 at 8:09 pm #571166

    MemoMartino
    Participant

    Thank you very much. Now works everything perfect. 🙂

    June 7, 2024 at 8:41 am #571204

    Hung Pham
    Keymaster

    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
Viewing 10 posts - 1 through 10 (of 10 total)

The topic ‘Color Payment Button / “Continue to pay” button / Accept terms and conditions’ is closed to new replies.