Skip to content
Advertisement

Customize WordPress WooCommerce checkout page and Payment processing style

I am trying to edit my WordPress WooCommerce checkout page to remove the space above the PayPal checkout buttons but I don’t know where I should start off. I feel like this can be easily done just by editing code but I’m not really familiar with HTML and CSS. My website

My website checkout currently looks like: Desktop view

mobile view

My website is www.isetupedia.com

But I’m trying to make it look like this: desired desktop view

desired mobile view

Advertisement

Answer

You can rid of some space with a bit of CSS

.woocommerce-checkout #payment {
    margin-bottom: 0;
}
.woocommerce-checkout #payment div.form-row.place-order {
    padding-bottom: 0;
}
User contributions licensed under: CC BY-SA
1 People found this is helpful
Advertisement