Align mailchimp newsletter to center

Shapely
1

Hello,

How can I align the newsletter sign up to the center and not have the email field so wide?

Appreciate the help!

Best

2

Hello there,

I hope you are doing well today.

Please go to Appearance > Widgets and assign the Shapely contact widget to the frontpage and select the contact form to be displayed in that widget. It should have better alignment using this option.

Best Regards,
Support

3

Thanks, but I would like to have the Mailchimp sign up form instead of Contact Form 7…

Is this possible?

4

hi @nabseth

Can you disable coming soon page temporarily? i want to check your problem on the live website

5

Hey, it’s now disabled. Please check.

6

hey there

Please add this CSS in appearance - customize - additional CSS


.mc4wp-form-fields {
    width: 20%;
    display: block;
    margin: 0 auto;
    text-align: center;
}
div#mc4wp_form_widget-2 {
    text-align: center;
}

Thanks!
Colorlib Support Team

7

Thanks! Looks great. Is it possible to add some spacing above so its not so close to the element above?

8

Yes :slight_smile:

add this code now:

#shapely_home_contact-3 {
padding: 40px 0px;
}

9

Thanks! Looks great on desktop. But a bit weird on mobile, see attached image. Can we make the fields as wide as 70% of the header on mobile?

10

Sure thing :slight_smile:

try this now

@media (max-width: 991px){
.mc4wp-form-fields {
width: 60%;
}
}

11

Hmm. looks right but cant publish “Looks like something’s gone wrong. Wait a couple seconds, and then try again.”

12

What is this? Where do you see this text?

13

Hello there,

Please check to see if there are any error messages associated with the CSS that was added. There may be an additional keystroke there.

Best Regards,
Support

14

Thanks. I just needed to hit refresh.

Thanks for the help!

15

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support