[Resolved] Inline Checkboxes

[Author]

Posts

[SteBlood]

Tell us what you are trying to do?
Show my checkboxes on my form horizontal rather than vertical

Is there any documentation that you are following?
I've searched far and wide and I cannot for the life of me figure it out.

What is the link to your site?
hidden link

[Luo Yang]

Hello,

You can try to use CSS codes to style it, for example:

ul.wpt-form-set-checkboxes-wpcf-caravan-features{
display: inline-flex;
}
ul.wpt-form-set-checkboxes-wpcf-caravan-features li{
margin-left: 1.25rem;
}

See screenshot style-checkboxes.JPG

More help:
https://toolset.com/documentation/user-guides/front-end-forms/styling-cred-forms/

[SteBlood]

My issue is resolved now. Thank you!

[SteBlood]

Hello, this worked in theory, however, the selection of checkboxes move outside my theme design.

Please take a look at the link below;

hidden link

Is there a simple fix for this?

[Luo Yang]

Hello,

Please try to modify the CSS codes as below:

ul.wpt-form-set-checkboxes-wpcf-caravan-features{
display: flex;
flex-wrap: wrap;
}
ul.wpt-form-set-checkboxes-wpcf-caravan-features li{
margin-left: 1.25rem;
}

And test again

More help:
hidden link

[SteBlood]

Hello, apologies for re-opening this topic, however, I believe it is relative.

Is it right to assume styling hierarchical checkboxes is different to just standard checkboxes?

I've styled the check boxes using the following code;

ul.wpt-form-set-checkboxes{
display: inline-flex;
  flex-wrap: wrap;
}
ul.wpt-form-set-checkboxes li{
margin-left: 1.25rem;
}

However, as you can see, the countries have style correctly, but the counties have not.

Is there something I need to do to have these style inline to reduce the length of my form?

Thanks in advance.