Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #461443

    I am trying to make an inline (including submit button) form using MailChimp for WordPress Lite plugin. I can’t get it to work. Here is the code I have in the Enfold Child custome.css file. This is a fresh instal of WP and EnFold. What am I doing wrong?

    In the MailChimp plugin I have this code in the Form Mockup area:
    <p>
    <label>Your Name:</label>
    <input type=”text” name=”FNAME” placeholder=”Your name” required />
    </p>
    <p>
    <label>Email address: </label>
    <input type=”email” name=”EMAIL” placeholder=”Your email address” required />
    </p>
    <p>
    <input type=”submit” value=”Sign up” class=”button” />
    </p>

    and I have Load form styles (CSS)? set to NO

    Enfold Child Custom.css file:
    .mc4wp-form form{margin:0!important;clear:both}
    .mc4wp-form p br{display:none}
    .mc4wp-form label{display:block;visibility:visible;position:relative;margin-bottom:7px;font-weight:600}
    .mc4wp-form p{position:relative;clear:both;float:left;width:100%}
    .mc4wp-form p.hidden{position:absolute;width:0;left:0;top:0}
    .mc4wp-form .form_element_half{width:49.5%;float:left;margin-left:1%;clear:none}
    .mc4wp-form .form_element_third{width:32.6%;float:left;margin-left:1%;clear:none}
    .mc4wp-form .form_element_two_third{width:66.4%;float:left;margin-left:1%;clear:none}
    .mc4wp-form .form_element_fourth{width:24.2%;float:left;margin-left:1%;clear:none}
    .mc4wp-form .form_element_three_fourth{width:74.8%;float:left;margin-left:1%;clear:none}
    .mc4wp-form .first_form{clear:both;margin-left:0}
    @media only screen and (max-width: 479px) { .responsive .mc4wp-form .form_element{width:100%;clear:both;margin-right:0;margin-left:0;float:none} }
    #top .mc4wp-form input[type=’text’],#top .mc4wp-form input[type=’email’],#top .mc4wp-form select,#top .mc4wp-form textarea{width:100%;margin-bottom:0;display:inline;min-width:50px;padding:13px;border-radius:2px}
    #top .mc4wp-form select{-webkit-appearance:none;border-radius:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);background-position:center right;background-repeat:no-repeat;border-radius:2px}
    .mc4wp-form .button{margin:0;padding:16px 20px;border-radius:2px;border-bottom-width:1px;border-bottom-style:solid;font-weight:400;font-size:12px;min-width:142px;outline:none}
    .mc4wp-form .modified_width .button{width:100%;padding:13px 10px 14px;min-width:0}
    .mc4wp-form p input,.mc4wp-form p textarea,.mc4wp-form p select{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
    #mc_embed_signup input.button {
    float: left !important;
    width: 35% !important;
    clear: none !important;
    background-color: #4ccdde !important;
    color: #ffffff !important;
    border-color: #2aabbc !important;
    }
    #mc_embed_signup input.email {
    width: 45% !important;
    float: left !important;
    clear: none !important;
    }
    input#mce-EMAIL, #mc-embedded-subscribe {
    float: left !important;
    width: 50% !important;
    clear: none !important;
    }

    #461699

    Hi bocable!

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Cheers!
    Rikard

    #461849
    This reply has been marked as private.
    #461851

    Sent login

    #461979

    Hi!

    You don’t have the mailchimp api key yet. Please get it here: https://admin.mailchimp.com/account/api

    After that, you need to add the api key here: http://doterrificoils.com/wp-admin/admin.php?page=mailchimp-for-wp

    And then edit the form again, look for the “Lists this form subscribes to”. Select the mailing list. Please contact the the mailchimp support for more info.

    Cheers!
    Ismael

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.