Il tuo carrello è attualmente vuoto!
CSS per sistemare CHECKOUT classico
body span.select2-selection.select2-selection–single {
background: #fff;
border-color: #0D1263;
color: #0D1263;
}
body span.select2-selection.select2-selection–single .select2-selection__rendered {
color: #0D1263;
}
body .select2-dropdown,
body .selectBox-dropdown-menu {
background: #fff;
}
body .select2-dropdown .select2-results__option.select2-results__option–highlighted,
body .select2-dropdown .select2-results__option.select2-results__option[data-selected=true],
body .selectBox-dropdown-menu .select2-results__option.select2-results__option–highlighted,
body .selectBox-dropdown-menu .select2-results__option.select2-results__option[data-selected=true] {
background-color: #DD301D !important;
}
body ul.products li.product .product-content,
body ul.products li.wc-block-grid__product .product-content,
body .wc-block-grid ul.wc-block-grid__products li.product .product-content,
body .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product .product-content {
background: #d8c8af;
}
body ul.products li.product img,
body ul.products li.wc-block-grid__product img,
body .wc-block-grid ul.wc-block-grid__products li.product img,
body .wc-block-grid ul.wc-block-grid__products li.wc-block-grid__product img {
mix-blend-mode: darken;
}
body.single-product div.product .woocommerce-product-gallery figure a img {
mix-blend-mode: darken;
}
body {
font-family: ‘Arial’, cursive;align-content
}
.post-type-archive-product .page-title {
font-size: 28px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 20px !important;
}
.woocommerce ul.products li.product .price .amount {
font-size: 20px;
}
.woocommerce table.shop_table,
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register,
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment,
.woocommerce form.checkout #customer_details, #payment
h3#order_review_heading,
form.woocommerce-EditAccountForm.edit-account {
border: 0 !important; /* you can add a border if you prefer */
background: #fff; /* this is the main background color for all forms */
}
/*** FORM AND OTHER PADDING ***/
#customer_details,
form.woocommerce-EditAccountForm.edit-account,
h3#order_review_heading {
padding: 30px 20px;
}
/*** ADJUST FORM ROUNDED EDGES ***/
#customer_details {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.woocommerce-checkout-review-order table.shop_table {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
/*** FIELDS ON CHECKOUT, CART, ACCOUNT PAGES ***/
.woocommerce-account input,
.woocommerce-checkout input,
#order_comments.input-text {
background-color: #ffffff !important; /* campi di testo
color: black !important; /* not the placeholder, the text color when typed */
border: 1px solid #0D1263; /* optional */
}
/*** COUPON FIELD ONLY ***/
.woocommerce-page #coupon_code.input-text { /* if you want your coupon different from other fields */
background-color: white !important;
color: #0D1263 !important;
font-size: 16px !important; /* if you don’t want the default giant font on the coupon field */
}
/*** PLACEHOLDER TEXT ON ALL WOO PAGES ***/
.woocommerce-page ::-webkit-input-placeholder {
color: #0D1263 !important;
}
.woocommerce-page :-ms-input-placeholder {
color: #0D1263 !important;
}
.woocommerce-page ::-moz-placeholder {
color: #0D1263 !important;
}
.woocommerce-page :-moz-placeholder { /* this isn’t the same as above don’t delete */
color: #0D1263 !important;
}
/*** THIS COMPENSATES FOR SHIP TO DIFF ADDRESS FIELD NOT ALIGNING ***/
h3#ship-to-different-address {
margin-top: -3px;
}
/*** ALL WOO BUTTONS ***/
.woocommerce button.button.alt,
.woocommerce-page button.button.alt,
.woocommerce a.button,
.woocommerce-page a.button,
.woocommerce button.button,
.woocommerce-page button.button {
text-transform: capitalize !important;
background: #DD301D !important;
color: #fff !important;
border: 1px solid #fff;
}
.woocommerce button.button.alt:hover,
.woocommerce-page button.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce-page a.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce-page a.button:hover,
.woocommerce button.button:hover,
.woocommerce-page button.button:hover {
background: !important;
color: #fff !important;
}
/*** PAYMENT BOX ON CHECKOUT ***/
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
background-color: #fff;
color: #0D1263;
}
#add_payment_method #payment div.payment_box::before,
.woocommerce-cart #payment div.payment_box::before,
.woocommerce-checkout #payment div.payment_box::before {
border-bottom-color: #DD301D;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
border-bottom 0;
color: #0D1263;
background: #fff
}
/*** BORDERS AND TABLES ***/
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
border: 1px solid #0D1263;
}
.woocommerce table.shop_table td,
#add_payment_method .cart-collaterals .cart_totals tr td,
#add_payment_method .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td,
.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-checkout .cart-collaterals .cart_totals tr td,
.woocommerce-checkout .cart-collaterals .cart_totals tr th,
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th,
.woocommerce-checkout #main-content .cart-subtotal td {
border-top: 2px solid #f4f4f4;
}
.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
background: transparent;
}
.woocommerce-checkout #content-area table th,
.woocommerce-checkout #content-area table td {
padding-left: 20px;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
font-size: 18px;
}
/*** EXISTING ACCOUNT / ERROR BOXES BACKGROUND COLOR ***/
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
background: #fff !important;
}
/*** ORDER NOTES ON CHECKOUT ***/
.woocommerce-checkout .woocommerce form .form-row textarea {
height: 150px; /* height of optional notes box */
}
/*** STATE DROPDOWN SELECT COLOR ***/
.select2-container–default .select2-results__option–highlighted[aria-selected],
.select2-container–default .select2-results__option–highlighted[data-selected] {
background: #ffa500;
}
