Apple Zen Support Thread

[e81ny]

Try changing the z-index on this section to 1000:

#lightbox {
left:0;
line-height:0;
position:absolute;
text-align:center;
top:40px;
width:100%;
z-index:100;
}

I changed the z-index to 1000 now. If you go to that page, you'll notice that now the image is in front of the menu but the menu is still 100% visible and are even still functioning! Is there anyway to keep the menu behind the transparent black mask and disable the drop down menu?

Here is the link again:
http://www.ejpshop.com/shop/index.ph...&products_id=1

Thanks.

[jettrue]

I changed the z-index to 1000 now. If you go to that page, you'll notice that now the image is in front of the menu but the menu is still 100% visible and are even still functioning! Is there anyway to keep the menu behind the transparent black mask and disable the drop down menu?

Here is the link again:
http://www.ejpshop.com/shop/index.ph...&products_id=1

Thanks.

I'm curious why you're surprised that the menu is "even still functioning!" Why would it stop functioning? I'm not familiar with this add on. But I'm curious why someone would try to access the menu when they're looking at the lightbox'd image? Anyway, I can't think of any way to stop it from functioning (and by the way, it actually doesn't function in Firefox - go figure), but to get it behind the transparent black mask is to change #overlay's z-index to 1000 as well:

#overlay {
-moz-opacity:0.6px;
background-color:#000;
filter:alpha(opacity=60);
height:500px;
left:0;
opacity:0.6px;
position:absolute;
top:0;
width:100%;
z-index:90;
}

Perhaps this adjustment will fix the functioning issue as well?

[HeathenMagic]

Hello there,

I have only just discovered your template. Great stuff! I was just wondering, I have Image Handler installed, and the hover function enabled doesn't seem to work now. Is this the clash with the drop down menu?

Can be seen at :- http://www.essencegifts.co.uk

Many thanks

[jettrue]

Hello there,

I have only just discovered your template. Great stuff! I was just wondering, I have Image Handler installed, and the hover function enabled doesn't seem to work now. Is this the clash with the drop down menu?

Can be seen at :- http://www.essencegifts.co.uk

Many thanks

No, there is no conflict with this template. You still have to upload the files for the hover function to work. The files need are:

includes/templates/YOUR_TEMPLATE/css/style_imagehover.css" />
includes/templates/YOUR_TEMPLATE/jscript/jscript_imagehover.js">

[HeathenMagic]

Very sorry. I forgot to check that. Also, I have just updated and the site-bg-red.gif doesn't show up anymore. The stripey graphics on the side. I this turned off by default? I checked, I uploaded it into the relevant folder. I just PM'ed you also.

Cheers

[jettrue]

Very sorry. I forgot to check that. Also, I have just updated and the site-bg-red.gif doesn't show up anymore. The stripey graphics on the side. I this turned off by default? I checked, I uploaded it into the relevant folder. I just PM'ed you also.

Cheers

No, it's not turned off by default It's user error.

There are two reasons why site-bg-red.gif isn't working first of all, site-bg-red.gif is still in the red section, and the red section is commented out. So copy:

body {
background:url(../images/site-bg-red.gif) 0 9em repeat-x;
}

and replace this section with it:


body {
background:url('../images/site-bg.gif') repeat-x 0 9em;
}

Then, it still won't work, because you are missing a closing div. Open up includes/templates/apple_zen/common/tpl_header.php and add back a closing div (</div) right before:

<div class="clearBoth"></div>
<!--eof-branding display-->

Also, is that a downloadable mod that you used for the "we accept" sidebox? It has a lot of validation errors if you validate your site with an HTML validator:

http://validator.w3.org/check?verbos...gifts.co.uk%2F