Aleš Sýkora wrote

Woocommerce Bootstrap 4 CSS Columns Cart Fix

8. 10. 2019 in

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.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

More from category
Aleš Sýkora wrote
Solve “No ACF gallery field data found” when the gallery field is empty with Oxygen conditionals
11. 3. 2021 in ,
If you want to hide the gallery field, when your ACF gallery is empty, use this tutorial! 🙂 Wrap Gallery with DIV and add class .gallery-wrapper (set the width of div to 100%) Open conditionals on the div.gallery-wrapper Create conditional: Dynamic Data > Advance Custom Field > Your Gallery Field Name Output type – leave […]
Read More
Aleš Sýkora wrote
Show All post types in category archive with/without oxygen
28. 10. 2020 in ,
If you want to display all post types posts – the custom and default, which use the same default category as a taxonomy, you need to put this in your custom code snippets plugin an change the array to your needed post types: Normally wordpress shows only the default posts in category archive.
Read More
Aleš Sýkora wrote
Make slow YouTube embed faster with Toolset
12. 11. 2018 in
Speed up your Toolset website with YouTube embeded videos. Load them faster in a minute. Try it right with this tutorial.
Read More
magnifiercross linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram