Skip Navigation

[Resolved] Aligning radio buttons and checkboxes with labels

This thread is resolved. Here is a description of the problem and solution.

Problem:
How to align the radio buttons and checkboxes with their labels?

Solution:
Please add the following CSS to your theme’s or child theme’s style.css file or Custom CSS section:

 
.wpt-form-item.wpt-form-item-radio input, .wpt-form-item.wpt-form-item-checkbox input {
    float: left;
    margin-right: 10px;
    position: relative;
    top: -1px;
}
This support ticket is created 7 years, 3 months ago. There's a good chance that you are reading advice that it now obsolete.

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 2 replies, has 2 voices.

Last updated by peterv-6 7 years, 3 months ago.

Assisted by: Noman.

Author
Posts
#560628

Tell us what you are trying to do? align the radio buttons and checkboxes with their labels

Is there any documentation that you are following? have been trying to implement the fixes outlined at https://toolset.com/forums/topic/align-checkbox-with-their-labels/ to no avail.

Is there a similar example that we can see? like that example I want my buttons in line with the text labels

What is the link to your site? hidden link

My CRED post forms work fine but I cannot get the user forms to behave. could you please suggest a fix?

Thanks in anticipation.

Peter

#560700

Noman
Supporter

Languages: English (English )

Timezone: Asia/Karachi (GMT+05:00)

Hi Peter,

Thank you for contacting Toolset support. Please add the following CSS to your theme’s style.css file or Custom CSS section:

.wpt-form-item.wpt-form-item-radio input, .wpt-form-item.wpt-form-item-checkbox input {
    float: left;
    margin-right: 10px;
    position: relative;
    top: -1px;
}

Thank you

#561440

Awesome Norman... that did the trick.

Peter