i trying override mailchimp signup form's css. after adding code mailchimp gives me, signup form appears messed up, not seem follow css entirely (only partially) , not follow it's css entirely. appears messed up.
this code supposed add form:
<!-- begin mailchimp signup form --> <link href="//cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css"> <style type="text/css"> #mc_embed_signup{background:#fff; clear:left; font:14px helvetica,arial,sans-serif; } /* add own mailchimp form style overrides in site stylesheet or in style block. recommend moving block , preceding css link head of html file. */ </style> <div id="mc_embed_signup"> <form action="//vivamusicltd.us10.list-manage.com/subscribe/post?u=6969c4bcb04d5726e1e34e5c0&id=6f138d797b" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> <div id="mc_embed_signup_scroll"> <h2>subscribe our mailing list</h2> <div class="indicates-required"><span class="asterisk">*</span> indicates required</div> <div class="mc-field-group"> <label for="mce-email">email address <span class="asterisk">*</span> </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="" id="mce-fname"> </div> <div class="mc-field-group"> <label for="mce-lname">last name </label> <input type="text" value="" name="lname" class="" id="mce-lname"> </div> <div class="mc-field-group size1of2"> <label for="mce-mmerge4-month">birthday </label> <div class="datefield"> <span class="subfield dayfield"><input class="datepart " type="text" pattern="[0-9]*" value="" placeholder="dd" size="2" maxlength="2" name="mmerge4[day]" id="mce-mmerge4-day"></span> / <span class="subfield monthfield"><input class="datepart " type="text" pattern="[0-9]*" value="" placeholder="mm" size="2" maxlength="2" name="mmerge4[month]" id="mce-mmerge4-month"></span> <span class="small-meta nowrap">( dd / mm )</span> </div> </div><div class="mc-address-group"> <div class="mc-field-group"> <label for="mce-mmerge3-addr1">address <span class="asterisk">*</span> </label> <input type="text" value="" maxlength="70" name="mmerge3[addr1]" id="mce-mmerge3-addr1" class="required"> </div> <div class="mc-field-group"> <label for="mce-mmerge3-addr2">address line 2</label> <input type="text" value="" maxlength="70" name="mmerge3[addr2]" id="mce-mmerge3-addr2"> </div> <div class="mc-field-group size1of2"> <label for="mce-mmerge3-city">city</label> <input type="text" value="" maxlength="40" name="mmerge3[city]" id="mce-mmerge3-city" class="required"> </div> <div class="mc-field-group size1of2"> <label for="mce-mmerge3-state">state/province/region</label> <input type="text" value="" maxlength="20" name="mmerge3[state]" id="mce-mmerge3-state" class="required"> </div> <div class="mc-field-group size1of2"> <label for="mce-mmerge3-zip">postal / zip code</label> <input type="text" value="" maxlength="10" name="mmerge3[zip]" id="mce-mmerge3-zip" class="required"> </div> <div class="mc-field-group size1of2"> <label for="mce-mmerge3-country">country</label> <select name="mmerge3[country]" id="mce-mmerge3-country" class="required"><option value="">select country</option><option value="164">usa</option><option value="286">aaland islands</option><option value="274">afghanistan</option><option value="2">albania</option><option value="3">algeria</option><option value="178">american samoa</option><option value="4">andorra</option><option value="5">angola</option><option value="176">anguilla</option><option value="175">antigua , barbuda</option><option value="6">argentina</option><option value="7">armenia</option><option value="179">aruba</option><option value="8">australia</option><option value="9">austria</option><option value="10">azerbaijan</option><option value="11">bahamas</option><option value="12">bahrain</option><option value="13">bangladesh</option><option value="14">barbados</option><option value="15">belarus</option><option value="16">belgium</option><option value="17">belize</option><option value="18">benin</option><option value="19">bermuda</option><option value="20">bhutan</option><option value="21">bolivia</option><option value="22">bosnia , herzegovina</option><option value="23">botswana</option><option value="181">bouvet island</option><option value="24">brazil</option><option value="180">brunei darussalam</option><option value="25">bulgaria</option><option value="26">burkina faso</option><option value="27">burundi</option><option value="28">cambodia</option><option value="29">cameroon</option><option value="30">canada</option><option value="31">cape verde</option><option value="32">cayman islands</option><option value="33">central african republic</option><option value="34">chad</option><option value="35">chile</option><option value="36">china</option><option value="185">christmas island</option><option value="37">colombia</option><option value="204">comoros</option><option value="38">congo</option><option value="183">cook islands</option><option value="268">costa rica</option><option value="275">cote d'ivoire</option><option value="40">croatia</option><option value="276">cuba</option><option value="298">curacao</option><option value="41">cyprus</option><option value="42">czech republic</option><option value="318">democratic republic of congo</option><option value="43">denmark</option><option value="44">djibouti</option><option value="186">dominica</option><option value="289">dominica</option><option value="187">dominican republic</option><option value="45">ecuador</option><option value="46">egypt</option><option value="47">el salvador</option><option value="48">equatorial guinea</option><option value="49">eritrea</option><option value="50">estonia</option><option value="51">ethiopia</option><option value="189">falkland islands</option><option value="191">faroe islands</option><option value="52">fiji</option><option value="53">finland</option><option value="54">france</option><option value="193">french guiana</option><option value="277">french polynesia</option><option value="56">gabon</option><option value="57">gambia</option><option value="58">georgia</option><option value="59">germany</option><option value="60">ghana</option><option value="194">gibraltar</option><option value="61">greece</option><option value="195">greenland</option><option value="192">grenada</option><option value="196">guadeloupe</option><option value="62">guam</option><option value="198">guatemala</option><option value="270">guernsey</option><option value="63">guinea</option><option value="65">guyana</option><option value="200">haiti</option><option value="66">honduras</option><option value="67">hong kong</option><option value="68">hungary</option><option value="69">iceland</option><option value="70">india</option><option value="71">indonesia</option><option value="278">iran</option><option value="279">iraq</option><option value="74">ireland</option><option value="322">isle of man</option><option value="75">israel</option><option value="76">italy</option><option value="202">jamaica</option><option value="78">japan</option><option value="288">jersey (channel islands)</option><option value="79">jordan</option><option value="80">kazakhstan</option><option value="81">kenya</option><option value="203">kiribati</option><option value="82">kuwait</option><option value="83">kyrgyzstan</option><option value="84">lao people's democratic republic</option><option value="85">latvia</option><option value="86">lebanon</option><option value="87">lesotho</option><option value="88">liberia</option><option value="281">libya</option><option value="90">liechtenstein</option><option value="91">lithuania</option><option value="92">luxembourg</option><option value="208">macau</option><option value="93">macedonia</option><option value="94">madagascar</option><option value="95">malawi</option><option value="96">malaysia</option><option value="97">maldives</option><option value="98">mali</option><option value="99">malta</option><option value="207">marshall islands</option><option value="210">martinique</option><option value="100">mauritania</option><option value="212">mauritius</option><option value="241">mayotte</option><option value="101">mexico</option><option value="102">moldova, republic of</option><option value="103">monaco</option><option value="104">mongolia</option><option value="290">montenegro</option><option value="294">montserrat</option><option value="105">morocco</option><option value="106">mozambique</option><option value="242">myanmar</option><option value="107">namibia</option><option value="108">nepal</option><option value="109">netherlands</option><option value="110">netherlands antilles</option><option value="213">new caledonia</option><option value="111">new zealand</option><option value="112">nicaragua</option><option value="113">niger</option><option value="114">nigeria</option><option value="217">niue</option><option value="214">norfolk island</option><option value="272">north korea</option><option value="116">norway</option><option value="117">oman</option><option value="118">pakistan</option><option value="222">palau</option><option value="282">palestine</option><option value="119">panama</option><option value="219">papua new guinea</option><option value="120">paraguay</option><option value="121">peru</option><option value="122">philippines</option><option value="221">pitcairn</option><option value="123">poland</option><option value="124">portugal</option><option value="253">puerto rico</option><option value="126">qatar</option><option value="315">republic of kosovo</option><option value="127">reunion</option><option value="128">romania</option><option value="129">russia</option><option value="130">rwanda</option><option value="205">saint kitts , nevis</option><option value="206">saint lucia</option><option value="237">saint vincent , grenadines</option><option value="132">samoa (independent)</option><option value="227">san marino</option><option value="255">sao tome , principe</option><option value="133">saudi arabia</option><option value="134">senegal</option><option value="266">serbia</option><option value="135">seychelles</option><option value="136">sierra leone</option><option value="137">singapore</option><option value="302">sint maarten</option><option value="138">slovakia</option><option value="139">slovenia</option><option value="223">solomon islands</option><option value="140">somalia</option><option value="141">south africa</option><option value="257">south georgia , south sandwich islands</option><option value="142">south korea</option><option value="311">south sudan</option><option value="143">spain</option><option value="144">sri lanka</option><option value="293">sudan</option><option value="146">suriname</option><option value="225">svalbard , jan mayen islands</option><option value="147">swaziland</option><option value="148">sweden</option><option value="149">switzerland</option><option value="285">syria</option><option value="152">taiwan</option><option value="260">tajikistan</option><option value="153">tanzania</option><option value="154">thailand</option><option value="233">timor-leste</option><option value="155">togo</option><option value="232">tonga</option><option value="234">trinidad , tobago</option><option value="156">tunisia</option><option value="157">turkey</option><option value="287">turks & caicos islands</option><option value="159">uganda</option><option value="161">ukraine</option><option value="162">united arab emirates</option><option value="262" selected>united kingdom</option><option value="163">uruguay</option><option value="165">uzbekistan</option><option value="239">vanuatu</option><option value="166">vatican city state (holy see)</option><option value="167">venezuela</option><option value="168">vietnam</option><option value="169">virgin islands (british)</option><option value="238">virgin islands (u.s.)</option><option value="188">western sahara</option><option value="170">yemen</option><option value="173">zambia</option><option value="174">zimbabwe</option></select> </div> </div> <div class="mc-field-group size1of2"> <label for="mce-mmerge5">phone number </label> <input type="text" name="mmerge5" class="" value="" id="mce-mmerge5"> </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> <!-- real people should not fill in , expect things - not remove or risk form bot signups--> <div style="position: absolute; left: -5000px;"><input type="text" name="b_6969c4bcb04d5726e1e34e5c0_6f138d797b" tabindex="-1" value=""></div> <div class="clear"><input type="submit" value="subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div> </div> </form> </div> <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new array(); window.ftypes = new array();fnames[0]='email';ftypes[0]='email';fnames[1]='fname';ftypes[1]='text';fnames[2]='lname';ftypes[2]='text';fnames[4]='mmerge4';ftypes[4]='birthday';fnames[3]='mmerge3';ftypes[3]='address';fnames[5]='mmerge5';ftypes[5]='phone';}(jquery));var $mcj = jquery.noconflict(true);</script> <!--end mc_embed_signup-->
you can try overriding css using !important on styles.
e.g.
#mc_embed_signup { background: #ccc !important; border: 1px solid #333 !important; } you can try using parent ids.
#mc_embed_signup h2 { color: red; } 