Related Projects – overlay

[jayhowes]

hi there,
Where I have “related projects” at the bottom of the page, the animated overlay is pushed out of line. Could you provide assistance on how to rectify this.
Thanks, Jay

[Rui Guerreiro – SUPPORT]

Hi,

That is a feature of the theme, it’s a design effect.

Guess it’s similar to this one
http://dante.swiftideas.net/portfolio/tree/

You can add this code below to your css custom option to erase that margin on the effect

figure.animated-overlay:hover figcaption {
-webkit-transform: translate(0px, 0px)!important;
-moz-transform: translate(0px, 0px)!important;
-ms-transform: translate(0px, 0px)!important;
transform: translate(0px, 0px)!important;
}

-Rui

[jayhowes]

hi Rui,
Thanks for that – my apologies I did not realise. Other parts of my site do not do that so I thought it was a glitch (I originally had Flexform, and changed to Dante – i think it picked up a few bugs on import)
I will add your code, thank you.
Jay

[Kyle – SUPPORT]

No problem, thanks Rui

[Rui Guerreiro – SUPPORT]

No problem.
-Rui