help on mailchimp form on my landing page

Bekbek

Regular Member
Joined
Apr 10, 2010
Messages
241
Reaction score
51
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
 
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; }
 
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
 
Back
Top