Zoom / text colour on Masonry Gallery

[davidll]

Hello

Looking at using the Masonry Gallery for a portfolio page.

Is there option to turn of the title zoom / apply colour to the rollover titles?
I can change the Thumbnail Background Hover Colour – but not the text?

Its there CSS I can add to turn off the zoom / alter the colour.

Great theme btw

D

[Rui Guerreiro – SUPPORT]

Hi,

Add the code bellow to you css custom options.

To change the color of the Overlay text effect in the Masonry just change the color in the first css rule provided.

.masonry-gallery-item figure.animated-overlay figcaption * {
color: #FFF!important;
-o-transition-property: none !important;
 -moz-transition-property: none !important;
 -ms-transition-property: none !important;
 -webkit-transition-property: none !important;
 transition-property: none !important;
 -o-transform: none !important;
 -moz-transform: none !important;
 -ms-transform: none !important;
 -webkit-transform: none !important;
 transform: none !important;
 -webkit-animation: none !important;
 -moz-animation: none !important;
 -o-animation: none !important;
 -ms-animation: none !important;
 animation: none !important;
}

– Rui

[davidll]

Perfect. Thx Rui

[Swift Ideas – Ed]

Thanks Rui!

– Ed

[davidll]

I think I was a little to quick.

This helped me with the text colour – but not the ‘zoom’.
I tried to change ‘none’ to ‘0’ but the zoom still happens

Any help welcomed

David

[davidll]

Ok – sorted it.
If anyone wants to disable the zoom on the text:

figure.animated-overlay figcaption {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

[Kyle – SUPPORT]

thanks 🙂

– Kyle