Home Horizontal Aweber Form | Using CSS
Post
Cancel

Horizontal Aweber Form | Using CSS

Here is a quick little CSS snippet to create a horizontal Aweber form:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<pre lang="css" toggle="no">.af-form, .af-form .quirksMode{
	width: 100%;
}

.af-body{
	min-height: 50px;
}

.af-element{
	float: left;
	width: 28%;
        min-height: 50px;
}

.buttonContainer{
	float:right;
}

Add this to your stylesheet and you will get a horizontal Aweber form.

You can use this CSS with the Aweber html form version or the javascript snippet. Works with both! Enjoy your horizontal Aweber form.

Want a plugin to do this? I have created my own plugin Simple Aweber Integration. I have also added in some extra functionality like adding a horizontal Aweber form at the end of each post. The one right below this text is displayed with the Simple Aweber Integration Plugin.

This post is licensed under CC BY 4.0 by the author.
Trending Tags