Archived topic
Help removing whitespace on checkout
3 replies · Started by Tim on October 4, 2021
Viewing posts 1–4 of 4
Hi,
See attached screenshot. I want to move the coupon field closer to the textbox with the border around it in the order review table.
Inspecting the code in Chrome, there is no margin or padding to the table row but there is content hidden in the code with display: none which I guess takes up the space but is invisible, making the row higher.
Is there any way to remove this whitespace?
Hi there,
the Form element contains a paragraph tag that has some space in it and nothing more. But it attracts the bottom margin that all <p> elements has, try adding this CSS to remove that:
.checkout_coupon.woocommerce-form-coupon p:first-child {
margin-bottom: 0;
}Works like a charm! Thanks again, David :)
Glad to hear that!
This archived topic is closed to new replies.
