Ad

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

Ad

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;
}
Ad
source: stackoverflow.com
Ad