Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Grid3 images in photo grid zooming behind others

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

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!
  • exutlnghrn's Avatar
  • exutlnghrn
  • 6 Month Developer
  • 40 posts
  • 1 Thanks
  • Karma: 1
The administrator has disabled public write access.
Have a link for the site?

Thanks
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
--
  • exutlnghrn's Avatar
  • exutlnghrn
  • 6 Month Developer
  • 40 posts
  • 1 Thanks
  • Karma: 1
Last Edit: 7 years 1 month ago by exutlnghrn. Reason: site no longer active
The administrator has disabled public write access.
Hi

Do you want it to look like the demo site?

bambootheme.com/showcase/jan13/index.php

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Yes, please.
  • exutlnghrn's Avatar
  • exutlnghrn
  • 6 Month Developer
  • 40 posts
  • 1 Thanks
  • Karma: 1
The administrator has disabled public write access.
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
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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?
  • exutlnghrn's Avatar
  • exutlnghrn
  • 6 Month Developer
  • 40 posts
  • 1 Thanks
  • Karma: 1
The administrator has disabled public write access.
Can I just check have you edited any template css code?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I've changed a couple of font colors in template.css but nothing more.
  • exutlnghrn's Avatar
  • exutlnghrn
  • 6 Month Developer
  • 40 posts
  • 1 Thanks
  • Karma: 1
The administrator has disabled public write access.
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
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Awesome. Thank you so much for your help and prompt attention.
  • exutlnghrn's Avatar
  • exutlnghrn
  • 6 Month Developer
  • 40 posts
  • 1 Thanks
  • Karma: 1
The administrator has disabled public write access.
You're welcome

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Just as a note you can name the files using the separators in the zentool settings to give a more informative text snippet

Cheers
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers