Return to previous page

MailChimp Responsiveness - by khoavo - on WordPress WooCommerce support

This topic has 13 replies, 3 voices, and was last updated 9 years ago ago by Eva Kemp

khoavo

Participant

June 15, 2016 at 08:52

Hey, on your Gaming Landing Page example: https://www.8theme.com/demo/royal/gaming-landing/?et_styles=0-1-0-6-0-5

What is the exact Custom CSS you used for the E-amil Field and the Sign-up/Submit button? On my setup, the two fields overlap each other when viewed on Mobile Device. But on your Preview, the two fields are in two rows when viewed on mobile device, which is what I want.

Thanks!

#129668 Copied

12 Answers

khoavo

Participant

June 15, 2016 at 08:53

And would the Custom CSS be the same if I were to use Contact Form 7 to create the E-mail Subscribe and Send button? I checked on Chrome Inspector and it’s showing similar CSS for “mail chimp”.

#129669 Copied

Eva Kemp

Participant

June 15, 2016 at 10:37

Hello,

Contact Form 7 and Mailchimp use different css code.

Please show your site and provide wp-admin panel credentials in Private Content.

Regards,
Eva Kemp.

#129714 Copied

khoavo

Participant

June 16, 2016 at 03:54

Login info is in the Private Content Box, Thanks.

For MailChimp, I want the E-mail Field and Sign-up to be on the same row,same height, same size, just like this: http://prntscr.com/bgxwim
Sample from your GAMING Coming Soon Preview.

And when viewed on Mobile Devices, I want those two fields to be responsive by displaying in two rows, just like this: http://prntscr.com/bgxu3s

I did insert the “Mailchimp-inline” for Extra Class Name, but I think I still need Custom CSS to line them up properly.

Also, BACKGROUND IMAGE ON A ROW isn’t fully responsive huh? Not possible to show all? The image gets cuts off a bit.

As always, Thanks for your excellent customer support!

Please, contact administrator
for this information.

#129846 Copied

Eva Kemp

Participant

June 16, 2016 at 08:41

Hello,

I’ve added the code in CSS block of VC editor:
http://storage8.static.itmages.com/i/16/0616/h_1466062875_3803033_486aa4c3c9.jpeg

Please check your page now.

Regards,
Eva Kemp.

#129855 Copied

khoavo

Participant

June 16, 2016 at 10:52

Fabulous! But there’s one problem: The message notification after clicking Send is not centered aligned AND it word wraps into two lines! It should be in one line and underneath the E-mail input field or something right?

See screenshot: http://prntscr.com/bh1e1z

You can edit your Custom CSS in the “HOME” page in my WP Admin, since I deleted the TEST page, it is now called “HOME”. Thanks for your help. Let me know!

#129883 Copied

khoavo

Participant

June 16, 2016 at 10:54

Also, when I REFRESH my browser, the message notification is still showing, it should disappear right? I cleared the Cache and all, but it’s still showing. Thanks.

#129885 Copied
Jack Richardson

Support staff

June 16, 2016 at 13:24
Hello,

Please use this css code:

.mc4wp-response p { float: left; }

Also we recommend you to create some “thank you” page and add url in MailChimp settings http://storage9.static.itmages.com/i/16/0616/h_1466079716_7203078_218132cb8a.jpeg .

Best regards,
Jack Richardson.
#129918 Copied
khoavo

Participant

June 16, 2016 at 20:04

Thanks for the additional Custom CSS.

How come each time I SAVE changes on my MailChimp Form, I noticed under Pages, there’s a page generated called “MailChimp for WordPress: Form Preview – Draft”?

I don’t recall seeing this before, only after the initial MailChimp Plugin installation is when I ever saw it. But this time, it shows up after I Save Changes to my Form.

#130014 Copied

khoavo

Participant

June 16, 2016 at 20:29

Also, I noticed the “Oops 404 – Page Not Found” template is showing the ROYAL Default Theme with Royal Logo on it etc. I mistyped my URL and noticed this. Where do I customize the Page 404 Page Not Found layout? Thanks.

#130016 Copied

Jack Richardson

Support staff

June 17, 2016 at 10:01

Hello,

How come each time I SAVE changes on my MailChimp Form, I noticed under Pages, there’s a page generated called “MailChimp for WordPress: Form Preview – Draft”?

I don’t recall seeing this before, only after the initial MailChimp Plugin installation is when I ever saw it. But this time, it shows up after I Save Changes to my Form.

The mentioned draft page is created by MailChimp Plugin to be able to preview created contact form. For more information you need to contact plugin developer.

Where do I customize the Page 404 Page Not Found layout?

404 page template is located in the wp-content/themes/royal directory and called 404.php.

Best regards,
Jack Richardson.

#130069 Copied

khoavo

Participant

June 17, 2016 at 20:21

Thanks

#130145 Copied

Eva Kemp

Participant

June 18, 2016 at 08:22

Hello,

You’re welcome.

Regards,
Eva Kemp.

#130173 Copied
Viewing 13 results - 1 through 13 (of 13 total)