CODEWITHSUNDEEP
csswordpresswoocommerce
Dr.MTR
Dr.MTR

Reputation: 207

Move "Continue To Payment" button to top in Woocommerce Checkout

I have small issue with the button "Continue To Payment" at checkout into my Woocommerce page. I checked with inspect element, and found that button is controled by this CSS:

button#place_order.button .fusion-button .button-default .fusion-button-
default-size .alt {
margin-top:-150px !important;
}

I inserted this into Custom CSS, but nothing changes. How can I move that button up by 150px to top?

Upvotes: 0

Views: 764

Answers (1)

Rinho
Rinho

Reputation: 584

All classes belong to the button, so they must go without spaces.

button#place_order.button.fusion-button.button-default.fusion-button-default-size.alt {
   margin-top:-150px !important;
}

Upvotes: 1

Related Questions