Support » Plugin: WooCommerce » col-1 and col-2 classes break if Bootstrap used

  • Resolved wp.kytten



    I don’t know who introduced col-1 & col-2 classes to my account page, but the naming sucks, because bootstrap uses the same naming and breaks the layout of My Account page, especially the Addresses part where they’re shown in a 1 bootstrap column.

    Please add the appropriate style rules to override Bootstrap ones. For example, I had to do this:

    body.woocommerce-account {
    	.col2-set .col-1, .col2-set .col-1,
    	.col2-set .col-2, .col2-set .col-2
    		flex: none;
    		max-width: 100%;

    This is by no means a 100% working solution, it’s just something that I had to do to fix your problem.

    I really hope you will take the time and fix this.

    Thank you very much

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Stuart Duff – a11n


    Automattic Happiness Engineer

    Hi @wpkytten,

    It’s great to hear you have this working for your specific install now. Thanks for your suggestion but this is not CSS which we would add to WooCommerce at the current time or change the column naming structure for.

    Thread Starter wp.kytten


    Hi Stuart,

    It’s okay, I’ve never expected you guys would accept a suggestion from “outside” anyway 🙂 All good.

    Have a good day!


Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘col-1 and col-2 classes break if Bootstrap used’ is closed to new replies.