1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

help on mailchimp form on my landing page

Discussion in 'Web Design' started by Bekbek, Apr 11, 2013.

  1. Bekbek

    Bekbek Junior Member

    Joined:
    Apr 10, 2010
    Messages:
    180
    Likes Received:
    35
    Been trying lot of codes for few hours now but I still can't get it to work
    I don't really have any idea how CSS works, I just google them then try changing them if it works.
    I just put a mailchimp code on my landing page but few of the text on the form doesn't show up unless they are being highlighted

    this is the screenshot of the mailchimp form


    mailing list.png

    and here's the mailchimp code


    Code:
    <!-- Begin MailChimp Signup Form -->
    <link href="http://cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css">
    <style type="text/css">
        #mc_embed_signup{ clear:left; font:14px Helvetica,Arial,sans-serif; }
        /* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
           We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
    </style>
    <div id="mc_embed_signup">
    <form action="http://facebook.us6.list-manage1.com/subscribe/post?u=4faef2102dc8a4c079c823892&id=1793a6b5f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
        <h2>Subscribe to our mailing list</h2>
    <div class="mc-field-group">
        <label for="mce-EMAIL">Email Address </label>
        <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
    </div>
    <div class="mc-field-group">
        <label for="mce-FNAME">First Name </label>
        <input type="text" value="" name="FNAME" class="required" id="mce-FNAME">
    </div>
    <div class="mc-field-group">
        <label for="mce-LNAME">Last Name </label>
        <input type="text" value="" name="LNAME" class="required" id="mce-LNAME">
    </div>
    <div class="mc-field-group size1of2">
        <label for="mce-NUMBER">Mobile </label>
        <input type="number" name="NUMBER" class="required" value="" id="mce-NUMBER">
    </div>
        <div id="mce-responses" class="clear">
            <div class="response" id="mce-error-response" style="display:none"></div>
            <div class="response" id="mce-success-response" style="display:none"></div>
        </div>    <div class="visible"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </form>
    </div>
    
    <!--End mc_embed_signup-->
    

    hope someone can help me


    Thanks
     
  2. trance92071

    trance92071 Senior Member

    Joined:
    Nov 1, 2009
    Messages:
    950
    Likes Received:
    848
    Occupation:
    Internet Marketing
    Location:
    BoosterBots.com
    Home Page:
    Hey bud here you go, just copy and paste this code to replace your old one:

    Code:
    <!-- Begin MailChimp Signup Form -->
    <link href="http://cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css">
    <style type="text/css">
        #mc_embed_signup{ clear:left; font:14px Helvetica,Arial,sans-serif; color:#FFF; }
        /* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
           We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
    </style>
    <div id="mc_embed_signup">
    <form action="http://facebook.us6.list-manage1.com/subscribe/post?u=4faef2102dc8a4c079c823892&id=1793a6b5f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
        <h2>Subscribe to our mailing list</h2>
    <div class="mc-field-group">
        <label for="mce-EMAIL">Email Address </label>
        <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
    </div>
    <div class="mc-field-group">
        <label for="mce-FNAME">First Name </label>
        <input type="text" value="" name="FNAME" class="required" id="mce-FNAME">
    </div>
    <div class="mc-field-group">
        <label for="mce-LNAME">Last Name </label>
        <input type="text" value="" name="LNAME" class="required" id="mce-LNAME">
    </div>
    <div class="mc-field-group size1of2">
        <label for="mce-NUMBER">Mobile </label>
        <input type="number" name="NUMBER" class="required" value="" id="mce-NUMBER">
    </div>
        <div id="mce-responses" class="clear">
            <div class="response" id="mce-error-response" style="display:none"></div>
            <div class="response" id="mce-success-response" style="display:none"></div>
        </div>    <div class="visible"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
    </form>
    </div>
    
    <!--End mc_embed_signup-->
    

    All you have to do is add the color style which in this case i turned to white (#FFF)
    Code:
    #mc_embed_signup{ clear:left; font:14px Helvetica,Arial,sans-serif; color:#FFF; }
     
    • Thanks Thanks x 1
  3. Bekbek

    Bekbek Junior Member

    Joined:
    Apr 10, 2010
    Messages:
    180
    Likes Received:
    35
    Damn, i didn't think about that. Been adding codes from different places everywhere but no luck.

    And it was just so simple hahahaha

    thank you so much mate
     
  4. phracktl

    phracktl Regular Member

    Joined:
    Sep 2, 2012
    Messages:
    218
    Likes Received:
    152
    • Thanks Thanks x 1
  5. Bekbek

    Bekbek Junior Member

    Joined:
    Apr 10, 2010
    Messages:
    180
    Likes Received:
    35
    thanks for the link phracktl
     
    • Thanks Thanks x 1
  6. 10zen

    10zen Regular Member

    Joined:
    Feb 26, 2010
    Messages:
    449
    Likes Received:
    194
    Occupation:
    IM Entrepreneur
    Location:
    World with Infinite Possibilities