Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
.enews-widget #subbutton {
transition: none;
text-decoration: none !important;
padding: 0px;
margin-top: 1em;
border: none;
display: block;
color: #FFFFFF !important;
vertical-align: top;
font-size: 1.2em;
text-align: center;
background: url('images/more-info.png') no-repeat 0 0;
}
.enews-widget #subbutton:hover {
background: url('images/more-info.png') no-repeat -145px 0;
}
.enews-widget #subbutton:active {
border: none;
background: url('images/more-info.png') no-repeat -288px 0;
}
<div class="widget-wrap">
<div class="enews">
<h4 class="widget-title widgettitle">Email Signup</h4>
<p>Sign up for our newsletter to receive special offers for our customers and important news.</p>
<form id="subscribe" action="<your-form-action>" method="post" name="Email Signup" target="_blank">
<label class="screenread" for="subbox1">First Name</label>
<input id="subbox1" class="enews-subbox" name="FNAME" type="text" value="First Name">
<label class="screenread" for="subbox2">Last Name</label>
<input id="subbox2" class="enews-subbox" name="LNAME" type="text" value="Last Name">
<label class="screenread" for="subbox">E-Mail Address</label>
<input id="subbox" name="EMAIL" required="required" type="email" value="E-Mail Address">
<input id="subbutton" type="submit" value="Opt-in">
</form>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.