Express checkout button too big
-
Hi, I´m using stripe and have activated the express checkout configuration, however when using one of the woodmart checkout templates button expands full width (see img b)… then I was playing with native checkout form and express checkout is contained and column width (see img a)… How can I control the width of the button to be in just one column like in native checkout?
Attachments:
You must be
logged in to view attached files.
Hello,
Can you please share the page URL so I can check and give you a possible solution?
Best Regards,
Hi, yes, posting it on private
Hello,
I have checked your site and have not seen the express checkout button on your site.
See Screenshot for clarification: https://postimg.cc/xcHKqZV5
Best Regards,
Hi, I´ve just enabled “all locations” for sales locations in woocommerce settings… Maybe now you can see the express checkout… Let me know please
Hello,
Sorry to say I have not seen the express checkout button on your site.
Best Regards,
Hi, any idea in order for you to see the button? I´m using stripe I don´t know why you can´t see it… I´ve just disable test mode… could you check again?
Hello,
Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.
Best Regards,
Hi, credentials in private:
Hello,
Please try to add the below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS. Change the value as per your requirements to adjust it.
form.woocommerce-checkout>.checkout-order-review {
flex-grow:1.2;
max-width: 60%
}
/* Limit Stripe Express Checkout button to one column width */
.woocommerce-checkout #wc-stripe-express-checkout-element {
justify-content: flex-start !important; /* align button to the left */
}
.woocommerce-checkout #wc-stripe-express-checkout-element > div {
flex: 0 0 auto !important; /* prevent full width expansion */
max-width: 500px !important;
}
Best Regards,
.
