PDA

View Full Version : Need This Coded ASAP - Like Now. :)



Kayla Fay
March 25th, 2011, 10:05 AM
Anybody know how to change the color of this submit button? I will pay. I need it by 2:00 today. No rush. LOL


<!-- Begin MailChimp Signup Form -->
<!--[if IE]>
<style type="text/css" media="screen">
#mc_embed_signup fieldset {position: relative;}
#mc_embed_signup legend {position: absolute; top: -1em; left: .2em;}
</style>
<![endif]-->
<!--[if IE 7]>
<style type="text/css" media="screen">
.mc-field-group {overflow:visible;}
</style>
<![endif]-->

<div id="mc_embed_signup">
<form action="h75e" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" style="font: normal 100% Arial, sans-serif;font-size: 10px;">
<fieldset style="background-color: #ffffff;color: #000;text-align: left;">

<div class="mc-field-group" style="margin: 1px 5%;clear: both;overflow: hidden;">
<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 .1px;width: 90%;float: left;z-index: 999;">
</div>
<div id="mce-responses" style="float: left;top: -1.4em;padding: 0em .5em 0em .5em;overflow: hidden;width: 90%;margin: 0 5%;clear: both;">
<div class="response" id="mce-error-response" style="display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: FBE3E4;color: #D12F19;"></div>
<div class="response" id="mce-success-response" style="display: none;margin: 1em 0;padding: 1em .5em .5em 0;font-weight: bold;float: left;top: -1.5em;z-index: 1;width: 80%;background: #E3FBE4;color: #529214;"></div>
</div>
<div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn" style="clear: both;width: auto;display: block;margin: 1px 1px 1px 5%;"></div>
</fieldset>
<a href="#" id="mc_embed_close" class="mc_embed_close" style="display: none;">Close</a>
</form>
</div>

<!--End mc_embed_signup-->

Anita Shaw
March 29th, 2011, 10:59 AM
Hello Kayla,

I've been playing with it for a while. You would think it would be easy to do.... I changed the color of the form's background, but that button is styled clear, and clear it wants to stay no matter what. :(

It's a challenge and now I want to know myself if it can be changed and how!

Phil Tanny
March 29th, 2011, 12:20 PM
Here you go:

Add this to the submit button tag:

style="background-color: #ffcc66;"

Like this:

<input style="background-color: #ffcc66;" type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="btn" style="clear: both;width: auto;display: block;margin: 1px 1px 1px 5%;">

The hex code ffcc66 can be changed to any color you want.

I made the deadline, so that will be $876.43 :) Just kidding! Took me 2 seconds...

Oh, I can also give you free ezine/autoresponder hosting should that be of interest. Ok then, that's my payment, a shameless plug. :)

nar321
March 29th, 2011, 05:21 PM
Did Bokeepr for you instructions, work?