Can I move 'add to cart' button above product info?

Site URL: https://oliverjwoods.com/shop/blackseed-wax

I would like to move the 'add to cart' button above the product info so the flow is 1. Product name   2. Quantity  3. Add to cart. 4 Product info 5. Additional info.

Is this possible?

It seems you solved with this CSS

.product-quantity-input {
    order: 2 !important
}

.ProductItem-details .sqs-add-to-cart-button-wrapper {
    order: 3 !important
}

.ProductItem-details-excerpt {
    order: 4 !important
}

.product-price {
    order: 5 !important
}

My "add to cart" button is not centered. Anyone know how I could fix this?

Thank you 

On 7/5/2020 at 1:27 AM, Orly said:

My "add to cart" button is not centered. Anyone know how I could fix this?

Thank you 

Have you solved it yet? If no, can you share link to product? We can check easier.

This is so helpful! Is it possible to move the size selector to be nearer the top, above the product price as it's been lost down the bottom? Thanks in advance

On 10/30/2020 at 1:00 AM, elfiejane said:

This is so helpful! Is it possible to move the size selector to be nearer the top, above the product price as it's been lost down the bottom? Thanks in advance

If you share link to product, we can check easier

@tuanphan I saw this popup, and thought it was a good change to try.

I copied/pasted the CSS code above, but I'm not seeing the changes.

Here's a site page:

https://www.hyperspacecoffee.com/shop/p/t0j08zt867gcvo2yuti62ho7esi5qz

Password: SECRETCOFFEE

Just trying to get the "Size" "Quantity" and "Add To Cart" buttons moved up above the description to see how it looks, and maybe make them a bit smaller...looking around now for the sizing options.