Written by: Aleš Sýkora

The Author of Toolset.wiki. Big fan of Toolset plugins and WordPress.

I am big fan of WordPress and Toolset plugins. I have done many projects based on WordPress. I also have experience with online marketing, PPC advertising and SEO. I live in Czech Budweis – the town of Budweiser Budvar breverage in the south of the Czech Republic – the heart of Europe.

I love skateboarding, snowboarding, frisbee, fitness, healthy lifestyle, tattoos, mountain biking and other sports. I enjoy having time with friends with good beer and good music.

Woocommerce Bootstrap 4 CSS Columns Cart Fix

Last Update: 10. 11. 2019 , Category:

Woocommerce uses same CSS classes for their cart columns. It makes some problems with Bootstrap 4. So if you use Toolset and Bootstrap 4, your cart will be propably messed up.

The fix is to change the width of woocommerce col-1 and col-2 to unset.

Here’s the trick:

.woocommerce-billing-fields .form-row, .woocommerce-shipping-fields .form-row,.woocommerce form .form-row {
display: block;
}
 
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
max-width: unset;
}

Thanks to muktoapb who came up with the workaround at the original issue on github.

Support Us via our Affiliate link!

No items found

What to do next?

Need a Toolset License?

Buy via affiliate link!

Looking for a tutorial?


Help other users – Add your snippet!


Join the discussion!