I have this script (it's a free autoresponder from mail chimp) where in this script can I change the background to blue from white? Looking for the color #151B8D I'm also looking to reduce its size so it looks just like this picture. Does anyone know how to alter the script ? there's a css editor . <!--[if IE]> <style> #mc_embed_signup fieldset { position: relative; } #mc_embed_signup legend { position: absolute; top: -1em; left: .2em; } </style> <![endif]--> <script type="text/javascript" src="http://hdcameracomparisonguide.list-manage.com/js/jquery-1.2.6.min.js"></script> <script type="text/javascript" src="http://hdcameracomparisonguide.list-manage.com/js/jquery.validate.js"></script> <script type="text/javascript" src="http://hdcameracomparisonguide.list-manage.com/js/jquery.form.js"></script> <script type="text/javascript" src="http://hdcameracomparisonguide.list-manage.com/subscribe/xs-js?u=3d1c15f7379f70ec05a9aed94&id=80a82187d0"></script> <!-- Begin MailChimp Signup Form --> <div id="mc_embed_signup" style="width: 300px;"> <form action="http://hdcameracomparisonguide.list-manage.com/subscribe/post?u=3d1c15f7379f70ec05a9aed94&id=80a82187d0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" style="font: normal 100% Arial;font-size: 12px;"> <fieldset style="-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;border: 1px solid #000000;padding-top: 1.5em;margin: .5em 0;background-color: #ffffff;color: #333333;"> <legend style="text-transform: capitalize;font-weight: bold;color: #ffffff;background: #474744;padding: .5em 1em;border: 1px solid #000000;-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;font-size: 1.2em;">join our mailing list for free audio clips</legend> <div class="mc-field-group" style="margin: 1.3em 5%;"> <label for="mce-EMAIL" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">Email Address:</label> <input type="text" value="" name="EMAIL" class="required email" id="mce-EMAIL" style="margin-right: 1.5em;padding: .2em .3em;width: 95%;position: relative;z-index: 999;"> </div> <div class="mc-field-group" style="margin: 1.3em 5%;"> <label for="mce-FNAME" style="display: block;margin: .3em 0;line-height: 1em;font-weight: bold;">First Name:</label> <input type="text" value="" name="FNAME" class="required" id="mce-FNAME" style="margin-right: 1.5em;padding: .2em .3em;width: 95%;position: relative;z-index: 999;"> </div> <div id="mce-responses" style="position: relative;top: -1.4em;padding: 0em .5em 0em .5em;overflow: hidden;"> <div class="response" id="mce-error-response" style="display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;position: relative;top: -1.5em;z-index: 1;width: 80%;background: #FFEEEE;color: #FF0000;"></div> <div class="response" id="mce-success-response" style="display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;position: relative;top: -1.5em;z-index: 1;width: 80%;background: #;color: #529214;"></div> </div> <div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn" style="width: auto;margin: .2em 3em;display: block;"></div> </fieldset> </form> </div><!--mc_embed_signup-->
Change the background color in the fieldset from #ffffff to #151B8D Do you just want the boxes shortened? Change both input widths to 85%.