6 {{ upvoteCount | shortNum }}
6 {{ upvoteCount | shortNum }}

Autoresponder Help

by Travis Ingram Banned
5 replies
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:

.textfield

.submit-button
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
#autoresponder
  • Profile picture of the author dassad
    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
    Signature

    {{ DiscussionBoard.errors[7268890].message }}
    • Profile picture of the author Travis Ingram
      Banned
      Originally Posted by dassad View Post

      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
      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.
      {{ DiscussionBoard.errors[7271163].message }}
      • Profile picture of the author viescripts
        Not quite clear from your explanations what you want to get at the end.
        Just integrate your aweber form into the script or integrate and change its design?
        {{ DiscussionBoard.errors[7273250].message }}
        • Profile picture of the author Travis Ingram
          Banned
          Originally Posted by viescripts View Post

          Not quite clear from your explanations what you want to get at the end.
          Just integrate your aweber form into the script or integrate and change its design?
          I want to integrate my aweber code into my stylesheet.css
          {{ DiscussionBoard.errors[7275769].message }}
          • Profile picture of the author viescripts
            send me a PM, I will help you.
            {{ DiscussionBoard.errors[7289317].message }}

Trending Topics