Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

[SOLVED] How to: Put autoresponder code in specific part of header


  #1  
Old Mar 30, 2010, 04:22 PM
at100
 
4 posts · Mar 2010
Hi!

I have tried to put my autoresponder code in my Atahualpa Header, above part of my header image, using an absolute position div. The form, however, only settles in the correct position when the window is maximised. When restored down to a smaller window, it is out of place (in both FF and IE). What can I do to resolve this, or what other way can I get the autoresponder form in the position that I need it?

Not sure if I can post links, but it may be helpful to see what I am trying to describe, my site is http://familyfitnesssecrets.com/ and you can see the autoresponder code on the right hand side of the header image.

Thanks for any suggestions!
Asad
  #2  
Old Apr 3, 2010, 05:08 AM
juggledad's Avatar
juggledad
 
23,627 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
remove the code from where is currently is and add in at ATO->Style & edit HEADER AREA->Configure Header Area AFTER the %image and use this instead
HTML Code:
<div id="aweber-form" style="position:RELATIVE; width:270px;
z-index:27; top: -250px; left: 650px;"><script type="text/javascript" src="http://forms.aweber.com/form/26/1664214326.js"></script>
</div>
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Apr 3, 2010, 03:36 PM
at100
 
4 posts · Mar 2010
Thank you juggledad, that has resolved the initial issue! However, there is now a huge space between the header image and the body of the page, I can't figure out how to get rid of it! Any suggestions?

Thanks!

Asad
http://familyfitnesssecrets.com/
  #4  
Old Apr 5, 2010, 04:29 AM
juggledad's Avatar
juggledad
 
23,627 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
ok, you are going to have to hand code the %imagee code because you need teh new code inside the image code's <div> so you have
HTML Code:
%image <div id="aweber-form" style="position:RELATIVE; width:270px;
z-index:27; top: -250px; left: 650px;"><script type="text/javascript" src="http://forms.aweber.com/form/26/1664214326.js"></script>
</div>
and you will have to replace it with
HTML Code:
<div id="imagecontainer" class="header-image-container" style="background: url('http://familyfitnesssecrets.com/wp-content/themes/atahualpa/images/header/bg-orange-curtain2.gif') top center no-repeat;">

<div id="aweber-form" style="position:RELATIVE; width:270px;
z-index:27; top: 100px; left: 650px;"><script type="text/javascript" src="http://forms.aweber.com/form/26/1664214326.js"></script></div> </div>
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Apr 5, 2010, 07:03 AM
at100
 
4 posts · Mar 2010
Thanks again juggledad! I inserted the new HTML exactly how you said, which did resolve the issue of the huge space, BUT also cut the background image in half (in terms of height). So I went into "ATO > Add HTML/CSS Inserts > CSS Inserts" and added the code:
div.header-image-container { height: 370px; }
which is the correct height of the image, and that seems to have worked. However, is that the best solution to this?

Thanks!
  #6  
Old Apr 5, 2010, 07:18 AM
juggledad's Avatar
juggledad
 
23,627 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
unless you want to go in and mess with the code, it is the only solution I can think of.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Apr 5, 2010, 07:32 AM
at100
 
4 posts · Mar 2010
That's great, thanks again for all your help!

Bookmarks

Tags
absolute position div, autoresponder, header, header image

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] post-specific header image w/ css insert (page-specific ones work, but not o viewdesigninc Header configuration & styling 10 Oct 1, 2012 03:43 PM
How to put specific SWF files on specific pages as header images? kippiper Header configuration & styling 2 Dec 10, 2009 08:23 AM
Aweber Autoresponder - how to add snippet code to wordpress theme racingprofits Sidebars & Widgets 0 Aug 24, 2009 12:02 PM
Only Part Of The Header Shows In IE mal1986 Header configuration & styling 1 Jun 9, 2009 05:38 AM
Unable to use autoresponder form code in sidebar text widget TonyLogue Sidebars & Widgets 0 May 8, 2009 03:30 AM


All times are GMT -6. The time now is 10:33 AM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.