Checkbox/Radio button alignment off

  • Resolved myrina

    (@myrina)


    7 years, 4 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: https://myrina-digital.com/let-us-do-the-hard-work-for-you/

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

  • 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)

    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.