Styling product page with checkboxes

Please try adding the below style in your theme’s Additional CSS.

.thwepo-extra-options td.label.abovefield label.custom_class {
 ? ?display: block !important;
 ? ?float: left;
 ? ?width: 100%;
 ? ?text-align: left;
}

.thwepo-extra-options td.label.abovefield label.custom_class:nth-child(3n+3) {
    clear: both;
}

Please provide a class name in the Label Class of your checkbox Group field and replace custom_class in the above style with the class name that you have provided.

We hope this helps.

Thank you!

Lovely thanks.

Is it possible to have 2 columns instead of one to make it shorter ? Like the ingredients to the left and the sauce to the right in this example ? Or maybe make them Collapsable-Expandable ?

On checking your website, we are not able to see our fields on the product page. Could you please share us with your exact requirement with the help of a screenshot?

Thank you!

Hello,
Sorry I fixed the issue. The link is working now.
You will see that the lists of ingredients and sauces can be long, specially on mobile. So I was wondering if they can be shown in 2 columns; ie ingredients to the left and sauces to the right.

Your requirement needs a detailed check. Could you please raise a ticket through our website? We hope our technical team will be able to help.

Thank you!