Return to previous page

MailChimp form does not display properly in Promo Popup

This topic has 25 replies, 6 voices, and was last updated 8 years, 4 months ago ago by 8theme

Foolish Coder

Participant

August 5, 2016 at 10:33

I’ve created a mailchim form from mail chimp plugin that comes with the theme.

When I put that code in Promo Pop up, it does not show place holder or submit button text.
Plugin author said there should be a function in the theme with the same name that he used in the plugin and that makes conflict with the plugin.
And told me to contact the theme developer and ask for the solution.

Site details are in private content.

Please, contact administrator
for this information.

#135750 Copied

24 Answers

Olga Barlow

Support staff

August 5, 2016 at 10:45

Hello,

Thanks for using our theme.

We recommend you to update Xstore to the latest version, after that we will help you.

Regards

#135752 Copied

Foolish Coder

Participant

August 5, 2016 at 11:08

I’ve updated the theme.
Please check…

#135758 Copied

Olga Barlow

Support staff

August 5, 2016 at 12:53

Thanks,

We have added some CSS in custom.css area, please check. Also we will try to fix this bug in our next update.

Regards

#135775 Copied

cruisi7

Participant

August 7, 2016 at 05:24

I AM HAVING A SIMILAR PROBLEM, MY FORM IS NOT VISIBLE AT ALL.

Please, contact administrator
for this information.

#135879 Copied Theme version: 1.6 WooCommerce version: 2.6.4
Olga Barlow

Support staff

August 8, 2016 at 10:33
Hello,

Add the following code in custom CSS or child theme style.css
```
.mc4wp-form p {
  margin-bottom: 15px !important;
  line-height: 1.5;
}
.mc4wp-form input[type="email"] {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  color: #787878;
}
.mc4wp-form input[type="email"]:focus {
  border: 1px solid #e6e6e6;
}
#etheme-popup .mfp-close:hover:before{color:#fff !important;}
.mc4wp-form input[type="submit"] {
  width: auto;
  height: auto;
  border: none !important;
  background-color: #f2f2f2 !important;
  border:none;
  position: static;
  font-size: 13px;
  background: url(images/mailchimp-plus.png) no-repeat center;
  opacity: 1;
}
.mc4wp-form input[type="submit"]:hover {
  opacity: 1;
  border:none;
  background-color: #088f8f !important;
}
.mc4wp-form label {
  display: block;
}
.mc4wp-form ::-webkit-input-placeholder {
  color: #787878;
}
.mc4wp-form :-moz-placeholder {
  /* Firefox 18- */
  color: #787878;
}
.mc4wp-form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #787878;
}
.mc4wp-form :-ms-input-placeholder {
  color: #787878;
}
```
Regards
#135919 Copied
Foolish Coder

Participant

August 22, 2016 at 08:31

After I updated the theme to 1.8, all the changes made for this popup just gone..
but still I see the custom CSS in the admin panel.

Also, I’ve connected mail chimp using it’s API but when someone sign up, the email is not added to the list I created

Please, contact administrator
for this information.

#137320 Copied

8theme

Support staff

August 22, 2016 at 09:35

Hi,

Which changes was gone after the update? Did you make any changes in xstore theme files? In this case of course they will be lost after each file replacement.

As for mailchimp configuration so it is more relevant to plugin problem and need to contact their support for help since it is not our theme issue.

Regards

#137325 Copied

Foolish Coder

Participant

August 22, 2016 at 09:40

Which changes was gone after the update?
Ethem-popup styles gone.. please check on that site.

Did you make any changes in xstore theme files?
NO, I updated the theme from admin panel.

#137327 Copied

8theme

Support staff

August 22, 2016 at 09:45

Where did you place Ethem-popup styles? In Theme options or in the style.css file?

#137328 Copied

Foolish Coder

Participant

August 22, 2016 at 09:54

8theme options -> Styling -> custom CSS and in Global cSS box

#137329 Copied

8theme

Support staff

August 22, 2016 at 10:04

Strange that this option is missed after the update. But try just to insert it again from the previous message.

#137332 Copied

Foolish Coder

Participant

August 22, 2016 at 10:13

I did not say that this option has gone in 8theme options -> Styling -> custom CSS and in Global cSS box.
I said, “but still I see the custom CSS in the admin panel.”
That means “I see the css code as how it was in global CSS panel”

Only in the front end, I do not see the styles for epop-up.
What do you see when you click on NEWSLETTER at the top of the site I mentioned in the previous message?

You can check the admin panel too I put admin credentials in private content

#137335 Copied

8theme

Support staff

August 22, 2016 at 10:35

Sorry for a bit misunderstanding. In previous versions we had conflicts with standard mailchimp styles and we decided to change it’s HTML structure and add our special CSS class. We have added this class on your web-site and now it works correct, please check. You can also set your background for this popup in Theme Options.

#137350 Copied

Foolish Coder

Participant

August 24, 2016 at 06:58

Thanks for that..
I changed the background color and checked TRANSPARENT here : http://prntscr.com/c9od5v

but It is not transparent as the demo : https://www.8theme.com/demo/xstore/

How can I make that popup background transparent?

Please, contact administrator
for this information.

#137562 Copied

8theme

Support staff

August 24, 2016 at 08:03

Just remove black background color and leave only the transparency to make it like our demo.

#137585 Copied

Foolish Coder

Participant

August 24, 2016 at 08:12

After I remove the BG color and leave transparent option only : http://prntscr.com/c9oyy6
It does not look like a form

With the BG color : http://prntscr.com/c9ozgi
It looks like a form but not transparent…

#137588 Copied

Foolish Coder

Participant

August 24, 2016 at 10:04

hello?? anybody in the room?

#137613 Copied

8theme

Support staff

August 24, 2016 at 10:48

It is not clear for us how do you want to make your background looks like: transparent or not transparent? Our demo has fully transparent background for this popup like your screenshot http://prntscr.com/c9oyy6

#137624 Copied

Foolish Coder

Participant

August 24, 2016 at 11:55

I want same as this http://prntscr.com/c9rddz
with that form borders and bag style..

Popup like in your demo : https://www.8theme.com/demo/xstore/home-presentation/?preset=header6

#137636 Copied

8theme

Support staff

August 24, 2016 at 12:07

In this case use this image for popup background https://www.8theme.com/demo/xstore/wp-content/uploads/2016/05/pop-up-bg.png and set it’s sizes to 540x501px.

#137639 Copied

grzesiekkolo

Participant

August 24, 2016 at 14:34

Hi,

I have the same – in prefooter area “inherit” dosen’t work.. None of css styles for mailchimp don’t work.

I have also last version (on another domain) and everything is ok – but after upgrade smth went wrong:/

Pls, help me (i put css in custom css)

Please, contact administrator
for this information.

#137663 Copied

8theme

Support staff

August 24, 2016 at 14:42

Hi @grzesiekkolo,

To make the newsletter section styled as our demo variant, you need to place the form code into the block with class: et-mailchimp (see the screenshot) https://gyazo.com/1d9e038fbce14bfdadcbd451b203002b
This was made so the xstore styles do not conflict with Mailchimp styles. And so you may have the opportunity to use different plugin skins. If you need to change the form styles you may always write your own css in custom css area in Theme Settings.

#137666 Copied

grzesiekkolo

Participant

August 25, 2016 at 13:26

THANK YOU VERY MUCH!

#137800 Copied

8theme

Support staff

August 25, 2016 at 14:07

You are welcome. Feel free to contact us if you have any additional questions.

#137810 Copied
Tagged: display, mailchimp, promo popup, properly, templates, woocommerce, wordpress
Viewing 25 results - 1 through 25 (of 25 total)