Apple Zen Support Thread

[e81ny]

Please go to the following link and click on the product (green square):

http://www.ejpshop.com/shop/index.ph...&products_id=1

The lightbox seems working fine but the menu stays on top which covers the picture... What should I do to disable the menu when the enlarged picture come up?

Thanks in advance for any help!

[jettrue]

Please go to the following link and click on the product (green square):

http://www.ejpshop.com/shop/index.ph...&products_id=1

The lightbox seems working fine but the menu stays on top which covers the picture... What should I do to disable the menu when the enlarged picture come up?

Thanks in advance for any help!

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;
}

[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

[ghostcorps]

Your logo is perfectly clear on my end. Do you have the latest Firefox version? When you say the logo has shadows, you mean the shadows that should be to the left and right of the site?

I am using FF 2.0.0.1. Hiding the overflow fixed the mutating-logo part of the problem. But the drop shadow around centercolumnwrapperb still alternates on and off with each page reload. I'll ignore it for now cos its obviously an local FF thing not a problem with the page.


now... I just have to figure out how to extend the shadow up to the menu and logo wrapper and I'm finished :) Feel free to tell me, but I'm sure If I just think about it I'll work it out eventually :)

[tobicky]

Hi There

I am manipulating your wonderful template and I'm having trouble removing one of the frames, furthermore locating where and what it is. Please can you visit my site www.giftsofwonder.co.uk and identify the white section beneath the tabs and tell me how i can remove this, or at least change the colour?

I hope you can help

Many Thanks :)