Label for radio buttons overlapping with radio circles

  • Resolved hymazza

    (@hymazza)


    4 years, 9 months ago

    Hi! I teach folks how to build and maintain their websites, and I love Forminator, but one of the issues I’ve seen pop up on multiple websites is with the radio buttons. Frequently, when we use the radio button option the label assigned to it will straight up partially overlap the circle for the button – usually the first letter or two.

    The only solution I’ve found is to do a – before the label, which gives us a *tiny* space between the two. Adding a space through the spacebar does nothing.

    I’ve also tried adding padding using Forminator’s settings (nothing), spacing (already set to comfortable), checking for custom css impacting margins (nothing), and the issue is literally only with radio buttons. I’m using Chrome and Windows 10.

    Any guidance on why this might happen?

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

  • Hello @hymazza

    I trust all is well!

    I’m afraid I can’t replicate this issue on my end. Would you please share here a link to your page with this issue so I could have a closer look?

    Please advise,

    Kind regards,
    Nastia

    Thread Starter hymazza

    (@hymazza)

    Hi Nastia!

    I encountered this issue most recently this morning. I went ahead and exported my customer’s form to one of my test websites (for their privacy) and it looks like the issue doesn’t show on my Astra themed test site BUT it’s showing on my highend test site – highend is the theme my customer was using too. Maybe it’s an issue between forminator and the highend theme?

    Example of the form: https://bskyhighend.fourpawscakes.com/test-form/

    Hello @hymazza

    I trust all is well!

    It looks like some CSS overlaps with the theme’s CSS. Please add this CSS code to Appearance > Customize > Additional CSS, to the site that uses Astra theme

     .forminator-radio span{
     margin-left:20px;
 }

    Let us know how it went!

    Kind regards,
    Nastia

    Hello @hymazza

    I hope you are doing well!

    We haven’t heard back from you for a while now so we’ve marked this ticket as resolved. If you do have any followup questions or require further assistance feel free to reopen it and let us know here.

    Kind regards,
    Nastia

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Label for radio buttons overlapping with radio circles’ is closed to new replies.