Checkbox/Radio button alignment off

  • Resolved myrina

    (@myrina)


    8 years, 8 months ago

    I created a form with a mix of multi-choice radio buttons and checkboxes. The form looks fine in the builder but when embeded on my site the checkbox and radio button labels move into strange positions. I tried fixing this with CSS and searching through the support forum but so far no luck.

    How can I fix this issue? Is it due to my theme (Brooklyn)?

    Here’s the page, just click one of the GET QUOTE buttons: http://myrina-digital.com/let-us-do-the-hard-work-for-you/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Jess Quig

    (@jquigam)

    8 years, 8 months ago

    Hi myrina,

    Sorry about the delayed response here, and thanks for your patience!

    You’re right, the styles are coming from your theme. But we can fix this with a little custom CSS:

    .wpforms-container input[type="radio"], 
.wpforms-container input[type="checkbox"] {
    display: inline !important;
    width: auto !important;
}

    I made this CSS apply only to radio buttons and checkboxes within WPForms, so if those styles are needed elsewhere they’ll be unaffected outside of your forms 🙂

    You can add this CSS in to Appearance > Customize > Custom CSS, or check out this article from WPBeginner for more options on adding custom CSS.

    I hope that helps! 🙂

    Thread Starter myrina

    (@myrina)

    8 years, 8 months ago

    Jess,

    Thanks for getting back to me. Added this to my custom CSS and works perfectly!
    Forms are looking much better.

    All the best,

    Em

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Checkbox/Radio button alignment off’ is closed to new replies.