Custom Subscribe Button

Hello to all,

I am using the CSS based subscribe form. I want to use a custom button. It shows up and the CSS is working to place it where I want it, BUT it does not link to CM anymore.

Can any one help me see what my code is missing. I added an  <a href> for createsend but it told me invalid email. So I took it out for now.

Below I have added my code which only added one CSS class ( div.img ) for padding.

Any help is greatly appreciated.

Sean

<!-- CSS -->

<style type="text/css">
span.label,span.spacer,span.multiple span {width:120px;float:left;}
span.multiple {float:left;}
span.button {padding-left:0px; margin-top:10px;}
div.clear {clear:both;padding-top:5px;}
div.img {margin-top:10px; padding-left:125px; margin-top:10px; }
</style>

<!-- Form -->

<form action="http://ecopeakwebstrategy.createsend.com/t/r/s/pkthii/" method="post" id="subForm">
<div>
  <span class="label"><label for="name">Name:</label></span>
  <span><input type="text" name="cm-name" id="name" size="25" /></span>
</div>
<div>
<span class="label"><label for="pkthii-pkthii">Email Address:</label></span>
<span><input type="text" name="cm-pkthii-pkthii" id="pkthii-pkthii" size="25" /></span>
</div>
<div>

<div>
  <span class="multiple"><span>Favorite Wine:</span></span>
  <span class="multiple"><input type="radio" name="cm-fo-kjdrld" id="cm889117" value="889117" /> <label for="cm889117">Red</label><br />
<input type="radio" name="cm-fo-kjdrld" id="cm889118" value="889118" /> <label for="cm889118">White</label><br />
<input type="radio" name="cm-fo-kjdrld" id="cm889119" value="889119" /> <label for="cm889119">They are both so tasty!</label></span></div><div class="clear"></div></span>
</div>
</div>
<div>
<div class="img"><img src="http://www.courtenayvqawines.com/wp-content/uploads/2011/02/form-submit-button.png" input type="submit" value="Subscribe"/></a></div>
</div>
</form>

Mathew Mathew, 6 years ago

You've got the image there, but as an img element, not an input element. You'd want instead:

<input type="image" src="http://www.courtenayvqawines.com/wp-content/uploads/2011/02/form-submit-button.png" name="image" width="" height="">

and you can apply styles to that as you'd like.


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor
thewebprosumer, 6 years ago

Thanks Matthew. Worked perfectly. Now I know for future projects.

Cheers

200,000 companies around the world can't be wrong.

From Australia to Zimbabwe, and everywhere in between, companies count on 
Campaign Monitor for email campaigns that drive real business results.

Get started for free
1-888-533-8098