This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Checkboxes Options and Box are not aligned on Contact Form Widget

Open 7 replies developerpluginplugin-page-builder
jiffry1017
9 years ago · Last reply by Andrew Misplon 9 years ago

Hi

I’m using the SiteOrigins Contact Form widget on WordPress. I’ve added in a checkbox field, but the options don’t seem to be lining up next to the box. How do I fix this?

I attached a picture for reference.

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

7
  1. Andrew Misplon Staff 9 years, 8 months ago

    Hi Jiffry1017

    Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

  2. jiffry1017 9 years, 8 months ago

    Hi Andrew,

    Unfortunately, I’m hosting the site off of my computer using XAMPP right now, so none of it is live. Anything else I can do about that?

  3. Andrew Misplon Staff 9 years, 8 months ago

    Sure. What’s the name of the theme you’re using so I can re-create the problem on my side.

  4. jiffry1017 9 years, 8 months ago

    The theme is NativeChurch by imithemes.

    I’m using the latest version of WordPress on a Mac with safari browser. When I click on the check box it actually moves up and down. The misalignment also occurs on a chrome browser in Mac but check boxes don’t move. Instead I see a vertical rectangle blue box around the check box signaling where the box would shift if it were on a safari browser.

    Thanks.

  5. Andrew Misplon Staff 9 years, 8 months ago

    Thanks for the update. That’s a premium theme so you’d need to send me a copy. Another option is to wait until the site is live and then send us the link, it won’t take long to fix this.

  6. jiffry1017 Private 9 years, 8 months ago

    This is a private message.

  7. Andrew Misplon Staff 9 years, 8 months ago

    You can fix/change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.

    /* SiteOrigin Contact Form Widget */
.sow-form-field.sow-form-field-checkboxes ul input {
    float: none !important;
    margin-top: 0 !important;
}

    You might also need to install the SiteOrigin CSS Editor.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread