Autoresponder Help

by Banned 5 replies
6
Well currently I am setting up my autoresponder with a squeeze page but the place I ordered the squeeze page from says: (for optin form)

Code:
@charset "UTF-8";
/* CSS Document */

body {
	background-color:#ffffff;
	margin:0;
}
p {
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:25px;
	margin-top:22px;
}
.bottomlinks {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}
li {
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:25px;
	margin-top:25px;
}
h1 {
	font-family:tahoma, Arial, verdana;
	font-size:33px;
	line-height:47px;
	font-weight:bold;
	text-transform:capitalize;
	text-align:center;
	margin-top:0;
	color:#cc0000;
}
h2 {
	font-family:tahoma, Arial, verdana;
	font-size:20px;
	line-height:30px;
	font-weight:bold;
	text-transform:capitalize;
	text-align:center;
	margin-top:5px;
}
#contenttop {
	background-image: url(../images/content-top.gif);
	height: 30px;
	width: 740px;
	margin-top: 25px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
}
#contentmid {
	background-image: url(../images/content-mid.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 670px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 35px;
	padding-left: 35px;
	overflow: hidden;
}
#contentbottom {
	background-image: url(../images/content-bottom.gif);
	height: 35px;
	width: 740px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	overflow: hidden;
}
.textfield {
	background-image: url(../images/textfield.png);
	height: 42px;
	width: 205px;
	padding-left: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.submit-button {
	background-image: url(../images/submit-button.gif);
	height: 42px;
	width: 199px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-top: 5px;
	margin-bottom: 10px;
}
#left-column {
	float: left;
	height: auto;
	width: 346px;
	clear: both;
}
#contentcontainer {
	height: auto;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	clear: left;
}
#right-column {
	background-color: #dfdfdf;
	float: left;
	height: auto;
	width: 260px;
	border: 3px dashed #6f6f6f;
	margin-left: 10px;
	padding-right: 20px;
	padding-left: 20px;
	clear: right;
}
#text-bottom {
	height: auto;
	width: 670px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	clear: left;
}

I am also using Aweber as my autoresponder. If anyone can help me properly put it in the style sheet that would be great! Or I mean where to exactly place it
#programming #autoresponder
  • As i see you don't have to alter the current stylesheet... You have to alter the form code by adding the class property to the form elements. Also the form should work without any
    modification, you have to add these classes only to have a similar look as for your site.

    For the text fields you have to add:
    class="textfield"

    For the submit button you have to add:
    class="submit-button "

    That should work, just make sure that the stylesheet is included in the page holding your form.

    King regards,
    daSSad
    • [1] reply
    • Banned
      I am still a bit confused with this, would you mind if I had emailed you my web form code for aweber? I have some previous knowledge with css/html but it has been so long I can't seem to get a good grip on what needs to be edited.
      • [1] reply
Join the discussion

Next Topics on Trending Feed

  • 6

    Autoresponder Help

    Well currently I am setting up my autoresponder with a squeeze page but the place I ordered the squeeze page from says: (for optin form) 2) Replace the default optin form with your own optin form. Style your optin code using the styles provided in the stylesheet: