Aweber Form Configuration – Eleven40 Pro Sidebar

Community Forums Forums Design Tips and Tricks Aweber Form Configuration – Eleven40 Pro Sidebar

This topic is: not resolved

This topic contains 4 replies, has 2 voices, and was last updated by  AlexMoscow 3 months, 4 weeks ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #105931

    AlexMoscow
    Member
    Post count: 6

    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

    • This topic was modified 3 months, 4 weeks ago by  AlexMoscow.
    • This topic was modified 3 months, 4 weeks ago by  AlexMoscow.
    http://www.compellingcontent.co.uk
    #105975

    Tom
    Participant
    Post count: 887

    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 300 Genesis themes.
    Updates via GenesisThemes.ca | Twitter | Google+ | Tumblr

    #105982

    AlexMoscow
    Member
    Post count: 6

    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

    #106008

    Tom
    Participant
    Post count: 887

    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 300 Genesis themes.
    Updates via GenesisThemes.ca | Twitter | Google+ | Tumblr

    #106077

    AlexMoscow
    Member
    Post count: 6

    Brilliant thank you Tom.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.