Aweber Form Configuration – Eleven40 Pro Sidebar

[AlexMoscow]

Hi Guys

I wonder if you can help me out.

I've just created a new blog at http://www.compellingcontent.co.uk and I'm having a few issues with my Aweber Form. It's functioning fine but it's not presenting on the page as it should. Initially there were three issues;

1. The sign up button was out of position
2. The form is too narrow
3. There is too much padding between the header text and the form inputs

I spoke to Aweber and they put together some code that has fixed the sign up button but the other issues still remain.

I wonder if anyone has had a similar issue and whether there was a fix for it.

I've been told by Aweber that the second issue is due to some CSS in the stylesheet. Specifically in the objects:

.wp-caption {
max-width: 100%;
}

They suggested deleting it but that only caused all the other images to jump out of position.

As far as issue three goes, I'm not sure that's an issue, more my desire to tidy up the form so may need some customer css to sort.

Any help, much appreciated.

Cheers,

Alex

http://www.compellingcontent.co.uk

[Tom]

I used the following to make some 'improvements' but any attempts to have them wok again after refreshing the page failed. YMMV. I swear I've never seen an AWeber (or Mailchimp) form that looked 'normal'. There's something about their form generators/plugins that is rooted in ugly.

#af-form-883443536 .af-standards .af-element {
padding-right: 30px;
padding-left: 20px;
}

#af-form-883443536 .af-body {
padding-bottom: 9px;
padding-top: 0px;
}

#af-form-883443536 .af-body input.text, #af-form-883443536 .af-body textarea {
border-radius: 3px;
}

#af-form-883443536 {
border-radius: 3px;
}

If you're only gathering Name and EMail, why not use Genesis eNews Extended? There's built-in styling in your theme (and virtually every other Genesis theme) that's easy to tweak for all screen sizes. Google will serve up several tutorials on setting it up.

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[AlexMoscow]

LOL, you're not wrong Tom.

Aweber's forms are so ugly. It's really frustrating. The service is excellent but they let themselves down when it comes to design. It's true of their email templates as well. The way content presents is so bad!

Thank you for the code. Should I paste it into the css stylesheet or the text widget?

I'll definitely take a look at eNews Extended. Does it integrate with Aweber?

If someone was to come up with a widget that quickly and easily creates a good looking form that integrates seamlessly with Genesis CSS and Aweber they'd make a mil!

Thanks again.

Alex

[Tom]

That's CSS, so it goes in your stylesheet. The problem is trying to overcome the inline styles AWeber forces in their form generator.

eNews Extended integrates with AWeber, There are several tutorials: via Google search - http://goo.gl/6LfDJu
Start with the first one from plugin author Brandon Kraft.

If someone was to come up with a widget that quickly and easily creates a good looking form that integrates seamlessly with Genesis CSS and Aweber they’d make a mil!
That's eNews Extended

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[AlexMoscow]

Brilliant thank you Tom.

[Author]

Posts