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
10 years ago · Last reply by Andrew Misplon 10 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 10 years, 5 days 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 10 years, 5 days 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 10 years, 4 days ago

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

  4. jiffry1017 10 years, 4 days 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 10 years, 3 days 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 10 years, 3 days ago

    This is a private message.

  7. Andrew Misplon Staff 10 years, 2 days 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