I'm trying to bypass the header image area and insert a javascript image rotator of my own and I am having trouble making it appear where I want it to. The custom image container uses a DIV tag and I can only get it to appear above the header. Here's what I've done:
1. I hid the default image container by making the height 0.
2. I put my javascript in the header by inserting it in Administration > Atalahualpa Theme Options > Add HTML/CSS inserts > HTML Inserts: Header.
3. I added a little custom CSS in Administration > Atalahualpa Theme Options > Add HTML/CSS inserts > CSS Inserts
4. I added <div id="fadeshow1"></div> in Administration > Atalahualpa Theme Options > Add HTML/CSS inserts > HTML Inserts: Body Top
It shows up fine, but it appears above the Header items. I would like it to appear beneath my header (which is configured with three header items: %logo %pages %bar1). It is putting it right after <body> and I want to make it appear after the header DIVs.
Where does the Theme editor insert the DIV tag from step 4?
Any ideas? I tried changing the name of the javascript wrapperid to #bar1 one so I could use one of the predefined Header items, but that didn't seem to work.
»
WordPress Themes »
Atahualpa 3 Wordpress theme »
Header configuration & styling »
