This thread is resolved. Here is a description of the problem and solution.
Problem:
How to display CRED form radio buttons in one row.
Solution:
Use this custom CSS to display radio buttons in one row.
.wpt-form-set-radios-wpcf-rating li {
float: left;
width: 20%;
}
.wpt-form-set-radios-wpcf-rating {
width: 100% !important;
float: left;
}
.wpt-form-set-radios-wpcf-rating input[type="radio"], input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
float: left;
margin: 10px 4px !important;
}
NOTE: Please change “wpt-form-set-radios-wpcf-rating” to your class name.
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 |
|---|---|---|---|---|---|---|
| - | 12:00 – 17:00 | 12:00 – 17:00 | 12:00 – 17:00 | 12:00 – 17:00 | 12:00 – 17:00 | - |
| - | 18:00 – 21:00 | 18:00 – 21:00 | 18:00 – 21:00 | 18:00 – 21:00 | 18:00 – 21:00 | - |
Supporter timezone: Asia/Karachi (GMT+05:00)
This topic contains 4 replies, has 2 voices.
Last updated by 7 years, 6 months ago.
Assisted by: Noman.
Hi. I want to to have the radiobutton then the radiobutton text to the right and the next one on the same row like the first one. Instead of everything underneath each other like my screenshot.
Hello Johan,
Please add the following CSS in your CRED Form >> CSS Editor (see attached screenshot)
.wpt-form-set-radios-wpcf-rating li {
float: left;
width: 20%;
}
.wpt-form-set-radios-wpcf-rating {
width: 100% !important;
float: left;
}
.wpt-form-set-radios-wpcf-rating input[type="radio"], input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
float: left;
margin: 10px 4px !important;
}
Thank you
