Skip Navigation

[Resolved] I can not properly align the checkboxes

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

Problem:
I am trying to align checkboxes in a post form using Avada and Toolset. Checkboxes appearing at wrong places - screenshot:
https://cdn.toolset.com/wp-content/uploads/2018/10/1119304-Ckeckboxes.jpg?x21858

Solution:
You can fix this issue by adding following CSS in your theme's or child theme's style.css OR in CRED CSS section.

.wpt-form-item .wpt-form-checkbox {
    width: auto;
    margin-top: -4px;
}
This support ticket is created 6 years, 2 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)

Tagged: 

This topic contains 3 replies, has 2 voices.

Last updated by Ricardo Almeida 6 years, 2 months ago.

Assisted by: Noman.

Author
Posts
#1119304
Ckeckboxes.jpg

I am trying to: align checkboxes in a post form using Avada and Toolset

Link to a page where the issue can be seen: hidden link

I expected to see: box on the left and label on the right with line break

Instead, I got: box flying dendralized and the text of the label surpassing the screen

#1119792

Noman
Supporter

Languages: English (English )

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

checkbox alignment.png

Hi,

Thank you for contacting Toolset support. You can fix this issue by adding following CSS in your theme's or child theme's style.css OR in CRED CSS section and it will look as in attached screenshot.

.wpt-form-item .wpt-form-checkbox {
    width: auto;
    margin-top: -4px;
}

Thank you

#1120081

Very nice, my issue is resolved now.

Thank you!

#1120882
No focus.jpg

Hi Noman,

Some fields are not being focused by the cursor when I click the mouse, but if I go with TAB they accept text normally. This happened after the solution we applied to the alignment of Checkboxes, do you think it has something to do with what we did? Or whatever it may be, can you help me with this please?

Thank you.

Edit:
I created another ticket: https://toolset.com/forums/topic/some-fields-are-not-being-focused-by-the-cursor/