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, 6 months ago ago by 8theme

  • Avatar: Foolish Coder
    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.

    http://i67.tinypic.com/dxbll1.jpg

    Please, contact administrator
    for this information.
    #135750 Copied
    24 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    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
    Avatar: Foolish Coder
    Foolish Coder
    Participant
    August 5, 2016 at 11:08

    I’ve updated the theme.
    Please check…

    #135758 Copied
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    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
    Avatar: cruisi7
    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
    Avatar: Olga Barlow
    Olga Barlow
    Participant
    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
    Avatar: Foolish Coder
    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
    Avatar: 8theme
    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
    Avatar: Foolish Coder
    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
    Avatar: 8theme
    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
    Avatar: Foolish Coder
    Foolish Coder
    Participant
    August 22, 2016 at 09:54

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

    #137329 Copied
    Avatar: 8theme
    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
    Avatar: Foolish Coder
    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
    Avatar: 8theme
    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
    Avatar: Foolish Coder
    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
    Avatar: 8theme
    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
    Avatar: Foolish Coder
    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
    Avatar: Foolish Coder
    Foolish Coder
    Participant
    August 24, 2016 at 10:04

    hello?? anybody in the room?

    #137613 Copied
    Avatar: 8theme
    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
    Avatar: Foolish Coder
    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
    Avatar: 8theme
    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
    Avatar: grzesiekkolo
    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
    Avatar: 8theme
    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
    Avatar: grzesiekkolo
    grzesiekkolo
    Participant
    August 25, 2016 at 13:26

    THANK YOU VERY MUCH!

    #137800 Copied
    Avatar: 8theme
    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: , , , , , ,

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

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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Sidebar Boxed Store – WooCommerce Theme
lazy-placeholder
WooPress Fullwidth
lazy-placeholder
Online Courses – WordPress WooCommerce Theme
lazy-placeholder
Games Dark – WordPress WooCommerce Theme
lazy-placeholder
Dokan Multivendor Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Marketing – WordPress WooCommerce Theme
lazy-placeholder
Bike Store – WordPress WooCommerce Theme
lazy-placeholder
NFT Crypto Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Jewellery Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Minimal Store – WordPress WooCommerce Theme

See All Templates

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