Centering sign-up form?

  • Resolved Sinaasappel

    (@sinaasappel)


    10 years, 2 months ago

    Hello!

    I recently started using Mail Chimp while working on my site. I’m trying to embed a sign-up form at the bottom of my posts but it keeps aligning to the left and I can’t seem to get it to center!
    I’ve tried some fixes that I’ve seen recommended such as adding margin: 0 auto; into my CSS over at .mc4wp-form but it’s not doing the trick, I guess I may be doing something wrong. Other CSS manipulations, such as changing the background color, are working fine.

    I unfortunately can’t include a link because the site is still under construction so there are no posts published yet.

    Thanks a lot!

    https://wordpress.org/plugins/mailchimp-for-wp/

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Contributor Lap

    (@lapzor)

    10 years, 2 months ago

    Hi Sinaasappel,

    I understand you don’t want to post the link here yet, maybe you can send it to support@mc4wp.com so we can take a look for you? You may even send the email in Dutch language if you wish (looking at your username).

    Kind regards, Lap

    Thread Starter Sinaasappel

    (@sinaasappel)

    10 years, 2 months ago

    I’ll send a mail to the email address! You can’t see the actual problem anywhere on the site, though, as no posts containing the sign-up form have been posted yet. Thanks!

    Plugin Contributor Lap

    (@lapzor)

    10 years, 2 months ago

    Since this is a website specific CSS issue I can’t help you until the form is visible to me. Just let us know when you are ready and we be happy to take a look.

    Thread Starter Sinaasappel

    (@sinaasappel)

    10 years, 2 months ago

    Ah, sorry about that. I’ve put the form in one of the lorem ipsum test posts, I’ll mail the link to you now 🙂

    Plugin Contributor Lap

    (@lapzor)

    10 years, 2 months ago

    I send you some personal CSS code for your specific website. For others reading here, it goes something like this:

    ​.mc4wp-form { margin: 0 auto; }

    It’s possible to add Manual CSS under Forms – Appearance – Open Style Builder – Advanced.

    Thread Starter Sinaasappel

    (@sinaasappel)

    10 years, 2 months ago

    Thank you, that fixed the issue! I tried that code before but I think the problem may have been that it wasn’t addressing the specific form. When I added the number of the form like below it worked fine.

    .mc4wp-form-# {
    margin: 20px auto;
    }

    newapexmedia

    (@newapexmedia)

    10 years, 1 month ago

    I’ve been driving myself nuts trying everything to centre my form fields but nothing works. Do you know what might be wrong here? All other styling is working fine.

    http://php-garyandrewlaw.rhcloud.com/test/

    Thank you.

    newapexmedia

    (@newapexmedia)

    10 years, 1 month ago

    I tracked down the problem. Everything I tried was being overwritten by a max-width specification in the file form-basic.min.css inside the plugin folder! I altered that from 480px to none and sorted the issue.

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘Centering sign-up form?’ is closed to new replies.