HTML/CSS inserts in Atahualpa 3.4.1 (for custom header image slider)

csb · #1 Nov 15, 2009, 08:56 PM

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.