Product Page Content Order

Site URL: https://unveild.co.uk/shop/26y33rfyaz0j74j62uj0nefwfdyzgx

Hi,

I would like to re-order my product page to

1. title 2. price 3. quantity 4. add to cart 5. description 

I have tried the below, but it didn't affect the order at all. 

.product-price {
    order: 2 !important;
}

.product-quantity-input {
    order: 3 !important;
}
.ProductItem-details .sqs-add-to-cart-button-wrapper {
    order: 4 !important;
}
.ProductItem-details-excerpt {
    order: 5 !important;
}

I would also like to disable the product image thumbnails and enable the slideshow arrows (to match the slideshow on the homepage). 

And finally I would like to change the 'back to shop' link to lowercase. 

Any help appreciated, thanks! 

Add to Home > Design > Custom CSS

#productNav a {
    text-transform: lowercase;
}
#productDetails {
    display: flex;
    flex-direction: column;
}
.product-excerpt {
    order: 4;
}

Thanks so much Tuanphan!!