CODEWITHSUNDEEP
htmlcsswordpress
ECDJ
ECDJ

Reputation: 89

Show checkboxes in two columns in WooCommerce Product Add-Ons

I'm using WooCommerce Product Add-Ons to show toppings for a pizza as checkboxes. Out of the box it shows all the checkboxes in one long list, making the page very long.

enter image description here

I would like to show the checkboxes in two columns. Could anyone help with the right CSS?

I've searched and found the following code:

.checkbox{
    width:49%;
    display: inline-block;
}
label {
    display: block;
}

You can find the staging site on: https://dev.justsay.nl/. To show the checkboxes, scroll to pizza, and click on the + of one of the pizza's.

Any help is appreciated!

Upvotes: 0

Views: 339

Answers (1)

Odilkhon
Odilkhon

Reputation: 116

Add this

.wc-restaurant-product-modal .wc-pao-addon > p {
display: inline-block;
width: 45%;

}

Upvotes: 1

Related Questions