• Resolved Nyx1961

    (@nyx1961)


    Thank you for a terrific plugin. I’m having a small but annoying issue. I’ve added a checkbox to my form. It has one checkbox with a single line of text. The checkbox itself is not aligned with the text. Rather, it sits an entire line higher than the text. My site isn’t live but it displays exactly like this:

    ?
              I agree with the Privacy Policy.

    I’m not sure why this is happening but I hope you can help me with this problem. Thank you.

    • This topic was modified 2 years, 5 months ago by Nyx1961.
    • This topic was modified 2 years, 5 months ago by Nyx1961.
    • This topic was modified 2 years, 5 months ago by Nyx1961.
    • This topic was modified 2 years, 5 months ago by Nyx1961.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi @nyx1961, this likely seems to be theme/ styling plugin conflict.

    It looks like your theme is trying to insert custom-styled checks for your checkboxes. To let these styles come through more fully, you can go to WPForms > Settings and look to the dropdown labeled Include Form Styling (shown in this screenshot). In that dropdown, select Base styling only.

    This may change other styles on your form as well, so please be sure to test out and look over your form after saving this setting (for example, the submit button will often appear differently – more closely matching other buttons on your site).

    Hope this helps!

    Thread Starter Nyx1961

    (@nyx1961)

    Hi Nikhil,

    Thanks so much for getting back to me. I tried changing the Form Styling to Base styling only, as you suggested but it didn’t work. Then I tried changing it to No styling and this just broke the form entirely. lol But you gave me the idea of where to look so I added the following to the Customizer/ Additional CSS and changed the alignment from “baseline” to “middle” and it fixed the problem. Thanks again for your help. I appreciate it very much. ??

    div.wpforms-container-full .wpforms-form input[type=checkbox], div.wpforms-container-full .wpforms-form input[type=radio] { vertical-align: middle; }

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘check box not aligned’ is closed to new replies.