Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 17, 2015 at 10:09 pm #397838
    spellcat

    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

    February 17, 2015 at 10:43 pm #397864
    Elliott

    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

    February 18, 2015 at 1:38 am #397918
    spellcat

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

    February 18, 2015 at 1:55 am #397924
    spellcat

    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!

    February 18, 2015 at 2:09 am #397928
    spellcat

    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.

  • Author
    Posts
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.