1. kottbusch
  2. Commercial Templates
  3. Thursday, 24 November 2016
  4.  Subscribe via email
Good Morning,

I've purchased the Scarlett Template and I use GridGalery extension to display a team page.

http://neu.hausarzt-mitterfels.de/index.php/team

So I don't really link to different articles but I only display the contact persons, so I do not use a link.

When you hover over a picture, it zooms out a bit (which is good), but it also get's a grey shade and also a "+":




Is there a way to remove the grey shade and the "+" when you hover over the picture ?

Thanks in advance,

S.
Accepted Answer Pending Moderation
0
Votes
Undo
Hi S

To amend try adding the following to the Custom CSS field of your templates parameters...


.j51gridgallery i {
display: none;
}
.j51gridgallery:hover img, .j51gridgallery.hover img {
opacity: 1 !important;
transform: scale(1) !important;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Dear Ciarán,
thank you, the "+" is now gone, is there any way to remove the effect that darkens the picture upon hover ?

Regards,
Stefan
  1. more than a month ago
  2. Commercial Templates
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Stefan

My apologies. A light error in the CSS provided. Change to the following...


.j51gridgallery i {
display: none;
}
.j51gridgallery figure:hover img, .j51gridgallery figure.hover img {
opacity: 1 !important;
transform: scale(1) !important;
}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
Accepted Answer Pending Moderation
0
Votes
Undo
Excellent, thank's for the great support, Ciarán!

Best regards,

Stefan
  1. more than a month ago
  2. Commercial Templates
  3. # 4
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!