HTML/CSS inserts in Atahualpa 3.4.1 (for custom header image slider)
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. |
try adding your <div>...</div> right where you would put the %image ATO->Style & edit HEADER AREA->Configure Header Area
|
Doesn't work. It does add a small space, but I'm not sure why. There is no object there.
|
sorry, I meant your div from item 4 '<div id="fadeshow1"></div>'
|
All times are GMT -6. The time now is 11:42 AM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.