woocommerce checkout page css
Copy Below Code
View As A Text File
Show Text Only
Show API
Edit Code
/*Check out start*/
#customer_details .col-1{width:49%; max-width: inherit; padding:0; }
#customer_details .col-2{width:49%; max-width: inherit; padding:0;}
#customer_details label{width:100% !important;}
#customer_details .woocommerce-input-wrapper{width: 100%;}
.coupon .input-text{width: 200px !important;}
.input-text{
display: block;
width: 100%;
height: calc(1.5em + .75rem + 2px);
padding: .375rem .75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#customer_details .select2-selection{height: 42px; border-radius: 0;}
#customer_details textarea.input-text{height: 144px;}
#customer_details .checkbox{padding-left: 0;}
#customer_details .checkbox input[type=checkbox]{display: inline-block !important;}
.woocommerce-product-gallery{float: left; width: 35%; margin-right: 3%;}
.entry-summary{float: left; width: 60%; margin-top: 25px;}
.tc-lightbox-button{font-size: 9px !important;}
.button{ color: #fff !important;
background-color: #58df55 !important;
border:none !important;}
.woocommerce-breadcrumb{display: none;}
/*Checkout end*/