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, 5 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, 5 years ago

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

Cheers

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098