How to Center Align Mailchimp 4 WordPress Form Messages

This topic has 6 replies, 3 voices, and was last updated 4 years, 4 months ago ago by Olga Barlow

  • Avatar: Andrew_Allen
    Andrew Allen
    Participant
    June 1, 2020 at 02:16

    Any idea how to center align (or style in general) form messages after user submits an e-mail form on mc4wp? I have successfully styled the initial setup but after a user submits their email, the form message reverts to left alignment.

    5 Answers
    Avatar: John Holden
    John Holden
    Support staff
    June 1, 2020 at 06:12

    Hi,

    Please send:

    – Screenshots of issues
    – Admin info (wp-admin URL, username, password)

    I will check this problem for you.

    Regards,
    Hung PD

    Avatar: Andrew_Allen
    Andrew Allen
    Participant
    June 1, 2020 at 15:22

    Screenshot of centered form pre-submit:
    https://ibb.co/z8NY5vp

    Screenshot of left aligned form message post-submit:
    https://ibb.co/nrfx4rJ

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 1, 2020 at 20:24

    Hello,

    We have removed your custom code because it caused more problems than fixes.
    1) I have limited the MailChimp width using columns layout
    2) added some custom to change the hover state and padding http://prntscr.com/srw8eb
    3) Added class to align elements http://prntscr.com/srwixj

    Regards

    Avatar: Andrew_Allen
    Andrew Allen
    Participant
    July 23, 2020 at 16:24

    Thanks for the changes on the color. However, the post-submit button is still not center aligned.

    Any ideas how to center align post-submit and get rid of the bar to the left of the message if possible?

    https://ibb.co/FWgDR1L

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    July 23, 2020 at 17:26

    Hello,

    I have added some custom http://prntscr.com/tndkza
    Check now.

    Regards

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.