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