Wide checkout layout improvements.

This commit is contained in:
Peter Fabian 2019-11-26 13:13:05 +01:00
parent 154a5b51ac
commit 7c3ec0dd2c
1 changed files with 58 additions and 3 deletions

View File

@ -1280,7 +1280,7 @@ a.reset_variations {
box-sizing: content-box;
transition: all ease-in-out 0.3s;
position: absolute;
top: 4px;
top: 0;
right: 0;
}
@ -1291,7 +1291,7 @@ a.reset_variations {
height: 14px;
background: #fff;
position: absolute;
top: 7px;
top: 3px;
right: 17px;
border-radius: 13rem;
transition: all ease-in-out 0.3s;
@ -1354,6 +1354,17 @@ a.reset_variations {
.woocommerce-checkout {
.post-inner {
padding-top: 0;
}
.woocommerce-billing-fields {
h3 {
margin-top: 4rem;
}
}
form {
.col2-set {
@ -1373,6 +1384,7 @@ a.reset_variations {
label {
font-family: $headings;
letter-spacing: normal;
}
p {
@ -1380,6 +1392,10 @@ a.reset_variations {
}
}
#order_review_heading {
margin-top: 4rem;
}
#order_review_heading,
#order_review {
width: 50%;
@ -1400,9 +1416,20 @@ a.reset_variations {
display: none;
}
tbody::after {
content: '';
display: block;
height: 2rem;
}
.woocommerce-Price-amount {
font-weight: bold;
}
.cart-subtotal,
.order-total{
border-top: 1px solid #ddd;
}
}
}
}
@ -1525,9 +1552,13 @@ a.reset_variations {
.woocommerce-checkout-review-order {
ul {
margin: 2rem 0 1rem;
margin: 2rem 0 3rem;
padding-left: 0;
}
#place_order {
width: 100%;
}
}
.wc_payment_method {
@ -1613,6 +1644,30 @@ a.reset_variations {
}
}
.wc_payment_methods {
.payment_box {
p {
font-family: $headings;
font-size: 1.6rem;
}
}
}
.woocommerce-terms-and-conditions-wrapper {
margin-bottom: 5rem;
.woocommerce-privacy-policy-text {
p {
font-family: $headings;
font-size: 1.6rem;
}
}
}
.woocommerce-order-overview {
margin-bottom: 2rem;
}