Expand checkbox options to its full width

Somehow, I have moved the check field options to the left when I was making changes in designer. How can I get them back where they started, lined up with the other fields?

Thanks

Charlie

Hi Charlie,

Could you check if you shrunk the size of the check-box group, this usually causes it to be moved to the left by default.

Check on the properties of the check-box group and click on the expand button.

See the screenshots below.

Kindly let us know of the outcome.

Regards

Thank you for your reply, but no that is not the problem.

I thought I might as well just delete the field and rebuild it, but the new checkbox field came up withe same problem!!

I think it was something that I did in the Designer - I was trying different fonts and other layout settings.

Can you think of any other reason this might happen?

Thanks

Charlie

Hi,

Ive pinpointed the issue to be with the check-box group width css class, you will need to reduce the max-width down to 245 i.e max-width: 245px !important; 

[data-type="control_radio"] .form-input,
[data-type="control_checkbox"] .form-input,
[data-type="control_radio"] .form-input-wide,
[data-type="control_checkbox"] .form-input-wide {
    width: 100%;
    max-width: 255px; 
}

Kindly try this and confirm if it resolves your issue.

Thank you Sammy, that has solved the problem. I went back into Designer and adjusted the Input Width and all is now good.

I do appreciate your excellent service.

@wsfarm

Cool. Glad its sorted now.

Feel free to open a new thread whenever you have questions.

Cheers!