Hover action...

Paris · August 6, 2013

I am tweaking away and wondering if there is a way to make the collage photos on my gallery pages fade or in some way change when the viewer hover over them?

And while I am at it, is there a way to get the menu names to also do something like change colour when hovering.

aschendel · August 7, 2013

This should work, although SM needs to provide better hooks - it applies to a lot more images than just the gallery ones...

li .sm-tile {
  opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

li .sm-tile:hover {
  opacity: 0.5;
}

Andy

Paris · August 7, 2013

aschendel wrote: »
This should work, although SM needs to provide better hooks - it applies to a lot more images than just the gallery ones...
li .sm-tile {
  opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

li .sm-tile:hover {
  opacity: 0.5;
}
Andy

Bravo! Thanks so much!

Jamesbjenkins · August 9, 2013

aschendel wrote: »

This should work, although SM needs to provide better hooks - it applies to a lot more images than just the gallery ones...

When why not just insert this code into the CSS box under "all galleries" and leave the rest of it alone?

Hover action...

Comments