Home>Support>Checkboxes Options and Box are not aligned on Contact Form Widget

Checkboxes Options and Box are not aligned on Contact Form Widget

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    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. 9 years, 1 month ago jiffry1017

    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. 9 years, 1 month ago Andrew Misplon
    Hi, I Work Here

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

  4. 9 years, 1 month ago jiffry1017

    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. 9 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    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. 9 years, 1 month ago Private Message - jiffry1017

    This is a private message.

  7. 9 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More