Tile Hover Over Effect

[lpanalyst]

On my home page, I would like to replace the hover image currently being used on “Featured Solutions” with the hover image used on the homepage under the “Stay Current” section for each of the Mini Blog Post Image hovers (hover over directly over tile, no words, and the black arrow in circle in the middle).

http://lpanalyst.com/sitev2/

[Kyle – SUPPORT]

Hi

Add this to your custom css:

figure.animated-overlay:hover figcaption {
  transform: none;
}
.animated-overlay h4 {
  display: none;
}
figcaption .thumb-info i {
  top: 42%;
}

– Kyle

[lpanalyst]

Kyle, That’s great – removed the words. Can we also make it so the hover over box lines up directly with the tile like on the Mini Blog posts further down the page. Thanks in advance. Bill

[Kyle – SUPPORT]

Sorry the code should be:

figure.animated-overlay:hover figcaption {
-ms-transform: none); /* IE 9 */
-webkit-transform: none; /* Chrome, Safari, Opera */
transform: none;
}
.animated-overlay h4 {
  display: none;
}
figcaption .thumb-info i {
  top: 42%;
}

– Kyle

[lpanalyst]

You are the man Kyle! Thank you!!!

[Kyle – SUPPORT]

No problem 🙂

– Kyle