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.


<!-- 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; }

<!-- Form -->

<form action="" method="post" id="subForm">
  <span class="label"><label for="name">Name:</label></span>
  <span><input type="text" name="cm-name" id="name" size="25" /></span>
<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>

  <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 class="img"><img src="" input type="submit" value="Subscribe"/></a></div>

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="" name="image" width="" height="">

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

Get in touch with us on Twitter:
We're also on Facebook:
thewebprosumer, 6 years ago

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


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

Get started for free