Woocommerce checkout page | WordPress.org

[ad_1]

Just add this CSS and you’ll be all set

#place_order { width:100% } 

.woocommerce-form-login label.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme { 
  margin-top: 12px; 
} 


@media (min-width: 768px){ 
#customer_details{ width: 60%; float: left; } 

#order_review_heading{
   width: 30%; float: left; 
   margin-left:2%; 
} 
#order_review{ 
 width: 38%; 
 float: left; 
 margin-left:2%; 
} 

.woocommerce table.shop_table td{ 
   width: 50%; 
} 

.woocommerce .col2-set .col-1, 
.woocommerce-page .col2-set .col-1, 
.woocommerce .col2-set .col-2, 
.woocommerce-page .col2-set .col-2{ 
   width: 100%; 
  } 
}

And then clear your server and browser cache

thanks a lot, it solved my problem, i had to just modify in your code this line:

#customer_details{ width: 60%; float: left; } 

60% to 48% and so it looks well.

Thanks again.

  • This reply was modified 1 minute ago by benyovszki.

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer