This thread is resolved. Here is a description of the problem and solution.
Problem:
Form radio inputs have the labels wrapping the inputs which makes it difficult to style them with CSS.
Solution:
This occurs when your settings say that the site is not using Bootstrap. Edit the cred_field shortcode that inserts the radio field and add the attribute output="legacy" to force the markup so that the inputs are outside the labels.
This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.
Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|---|---|---|---|---|---|---|
| - | 7:00 – 14:00 | 7:00 – 14:00 | 7:00 – 14:00 | 7:00 – 14:00 | 7:00 – 14:00 | - |
| - | 15:00 – 16:00 | 15:00 – 16:00 | 15:00 – 16:00 | 15:00 – 16:00 | 15:00 – 16:00 | - |
Supporter timezone: Europe/London (GMT+00:00)
This topic contains 5 replies, has 2 voices.
Last updated by 5 years, 5 months ago.
Assisted by: Nigel.
Hello
Im trying to style radio inputs same as the old website. In the old website when i expand with the inspector tool of a custom field created by Toolset inputs are outside the label so i can style them properly while on the new website i applied same styles, nothing happened and noticed that inputs are nested inside the label so i cannot style them.
Did this happens with updates of Toolset?
How can get the input seperate from label?
Take a look at the pics.
I just added a radio field to a form and I see the same as you show in your old web screenshot, namely that the label follows the input rather than wraps it (see my screenshot).
I'm not aware of this changing with any plugin version, but what—in any case—Forms and Types versions does your new site use?
Is there anything different about the set-up of the form and where you inserted the fields compared to the old site?
