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!
Thread Starter
sercai
(@sercai)
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!
Thread Starter
sercai
(@sercai)
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!
