Inserting Aweber Form into Header

  • Resolved Sarah Cairncross

    (@sarahcairncross)


    10 years, 1 month ago

    Hi Tom I don’t know if you can help with this at all, I’ve been asked if I can insert an Aweber sign up form into the header graphic on https://rozynnafielding.com but I can’t figure out how to do it.

    From research I’ve done, I figure I need to add code into the header.php (in my child theme) and then add some CSS to position it on the image in the right place.

    I’ve tried a few examples I’ve come across but nothing is working right for me.

    Ideally I’d like the name / email / submit to be horizontally aligned under the words Download the quick guide etc.

    Any pointers at all?
    Thanks for any help you can offer ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Tom

    (@edge22)

    Hi Sarah,

    Bit tough to position divs on top of images like that – you’ll find it will be hard to make perfect, especially on mobile.

    You’ll need to do something like this:

    .inside-header {
      position: relative;
}

.header-widget {
      position: absolute;
      right: 0;
      bottom: 0;
}
    Thread Starter Sarah Cairncross

    (@sarahcairncross)

    ahhh ok I thought it would be a pig! I’ll tell her she’ll have to have something else or it will look horrible on mobile. Thank you for answering though, I may have a play to see what happens anyway ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Inserting Aweber Form into Header’ is closed to new replies.