Issue with Button Spacing on Checkout Page
-
Hi Woodmart Team,
I need some help with a styling issue on my checkout page.
As you can see in the attached screenshot, the “Place Order” button and the “Pay with PayPal” button are positioned directly next to each other with no vertical spacing between them.
Could you please assist me in adding some space between these two buttons to separate them?
Thank you for your help.
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,
Hello Aizaz,
Thanks for your reply. I’ve added the page URL in the Private content section of this thread for your review.
I also have one more question:
On the same page in the Shipping section, when the cart total meets the free shipping threshold, the option “Free shipping” does appear. However, the system still selects “Flat rate” by default, and customers need to manually choose “Free shipping.”
Is there a way to set it so that once the free shipping condition is met, it automatically applies free shipping instead of defaulting to flat rate?
Best regards,
Attachments:
You must be
logged in to view attached files.
Hello,
01. Try to add the following code in Theme Settings -> Custom CSS.
.woocommerce-checkout #place_order {
margin-bottom: 20px !important;
}
02. Navigate to WooCommerce -> Shipping -> Reorder the Shipping Methods by dragging and dropping the shipping method: https://postimg.cc/TK2qWNmZ
Best Regards,
.
