Forums/Community/Community Help

Answered

How to change width of subscription form?

Matthew Eggleton
asked this on Feb 17 03:50

Hello,

I need to shrink the width of my subscription form so it fits on my website properly (by editing the html). How would I go about doing this?

Thanks,

Matt

 

Comments

User photo
Richelo Killian
Imnica Mail

Post the form code here, and I'll point out the exact bit's to change.

February 22, 2012 11:19
User photo
Kayal

Even though I didn't start this post, I would like to know how to change the width of the subscription form. The code is as follows:

<DIV class="o-form" sizset="0" sizcache="661">
<DIV class="o-form-header" sizset="0" sizcache="661">
<H2 id=o-form-title>Sign up for the newsletter</H2>
<P id=o-form-description>Aarogya</P></DIV>
<FORM accept-charset=UTF-8 method=post action=http://www.imnicamail.com/v4/subscribe.php>
<DIV class="o-form-row"><LABEL for=FormValue_EmailAddress>Email Address</LABEL><INPUT id=FormValue_EmailAddress name=FormValue_Fields[EmailAddress]></DIV>
<DIV class="o-form-row"><LABEL for=FormValue_CustomField12772>Name</LABEL><INPUT id=FormValue_CustomField12772 name=FormValue_Fields[CustomField12772]></DIV><br>&nbsp;&nbsp;<INPUT id=FormButton_Subscribe value=Subscribe type=submit name=FormButton_Subscribe><INPUT value=15110 type=hidden name=FormValue_ListID><INPUT id=FormValue_Command value=Subscriber.Add type=hidden name=FormValue_Command></FORM>
<STYLE type=text/css media=screen>.o-form{background-color:#FFF4ED;border:1px solid #814913;}
.o-form form{margin:0px;padding:0px;}
.o-form .o-form-header{background-color:#814913;padding:9px;}
.o-form h2{color:#fff;font-family:Arial,sans-serif;font-size:18px;line-height:27px;margin:0px;padding:0px;}
.o-form p{color:#fff;font-family:Arial,sans-serif;font-size:12px;line-height:18px;margin:0px;padding:0px;}
.o-form .o-form-row{margin-top:9px;padding:0 9px;}
.o-form .o-form-row label{color:#814913;font-family:Arial,sans-serif;font-size:12px;display:block;font-weight:bold;}
.o-form input[type="text"]{border:1px solid #814913;color:#814913;padding:5px 7px;}
.o-form input[type="submit"]{margin:20px 9px 18px 9px;}</STYLE>
</DIV>

Thanks

kayal

February 22, 2012 18:06
User photo
Sam Kips

Please answer this question for me too

May 10, 2012 19:42