Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #397838

    Hi, i`m using Ninja Forms to create an order form on my enfold website and the checkboxes are weirdly positioned. They appear after the text and nod on the left as they should (and are configured on Ninja Forms to be). Is there a way to fix it? Thanks.

    The problem:
    Checkboxes at wrong position

    #397864

    Hi spellcat!

    Try adding this to your custom CSS.

    .ninja-forms-field-description {
      padding-left: 40px;
    }
    .ninja-forms-field[value="checked"] {
      position: relative;
      top: -28px;
    }

    Cheers!
    Elliott

    #397918

    It worked perfectly, thanks!! You guys are amazingly efficient =)

    #397924

    Ops, sorry, i guess i spoke to soon. It did solve part of the problem, but there is still one point:

    The checkbox os on the description and not on the main item now:

    Wrong placement

    The checkbox should be on the left side of “Revisão gramatical”

    Thanks in advance, you guys are awesome!

    #397928

    Update: Just got it working messing around with the CSS you guys made. Here is what i came up with:

    .field-wrap.checkbox-wrap.label-left {
      padding-left: 40px;
    }
    
    .ninja-forms-field[value="checked"] {
      position: relative;
      top: -62px;
      left: -40px;
    }

    How it looks like:

    Working

    Thanks again, and i hope this solution can help someone in the future.

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Checkboxes now working properly with Enfold and Ninja Forms’ is closed to new replies.