I'm using Zentools to add the image grid on the front page of Grid3 template similar to demo. When I hover over images, they zoom, but they are behind the other images instead of zooming on top.

Any help on how to fix?

Thanks!

Have a link for the site?

Thanks
Paul

--

Hi

Do you want it to look like the demo site?

bambootheme.com/showcase/jan13/index.php

Cheers
Paul

Yes, please.

Are you able to add any titles to the images?

e.g. in the drag and drop section of the module so they show like the demo?

Cheers
Paul

Added title, but it was also adding the overlay effect that corrected the original issue. Thank you!!

Now how do I get it the top of the grid to overlap the background module like in the demo - right under the logo?

Can I just check have you edited any template css code?

Cheers
Paul

I've changed a couple of font colors in template.css but nothing more.

Right ok

This looks like you have it as a subpage so you need to add this

.subpage #grid1wrap {
margin-top: -20px;
}

To the custom.css file

If you planning on having other pages you may need to add the itemid to the styling above

I should also mention while I'm here

If you edit template css files directly you will lose that coding when the template is recompiled or updated

Any css change needs to be added to the custom.css file

Cheers
Paul

Awesome. Thank you so much for your help and prompt attention.

You're welcome

Cheers
Paul

Just as a note you can name the files using the separators in the zentool settings to give a more informative text snippet

Cheers