Checkbox Issue

  • Resolved collective

    (@mf540)


    10 months, 2 weeks ago

    How can I remove the additional padding that happens when a checkbox is selected? It’s pushing my text to the right and becomes uneven. Thanks so much!

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Faisal Ahammad

    (@faisalahammad)

    10 months, 1 week ago

    Hi @mf540

    Sorry for the delay. I didn’t see any checkbox on your contact page. If you’ve already removed it, please add it back so I can take a closer look and help you fix the issue.

    Have a nice day!

    Regards
    Faisal

    Thread Starter collective

    (@mf540)

    10 months, 1 week ago

    Sorry about that. I moved the form to a new page.
    https://fairchildartstudios.com/project-request/

    Faisal Ahammad

    (@faisalahammad)

    10 months ago

    Hi there,

    The issue you’re experiencing with some CSS code comes from your active theme, which overrides the Ninja Forms CSS code or styles. To resolve the issue, try the following CSS code in the child theme’s style.css file or in Appearance → Customize → Additional CSS.

    .listcheckbox-container .listcheckbox-wrap ul li input.nf-checked{
      float: inline-end !important;
    }

    Output: 👇🏽

    Give it a try, and let me know how that goes!

    Have a good day!

    Thanks
    Faisal

    Thread Starter collective

    (@mf540)

    9 months, 4 weeks ago

    Worked great! Thank you so much!!

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

The topic ‘Checkbox Issue’ is closed to new replies.

Tags