New Landing How can we help? Cardinal Zoom / text colour on Masonry Gallery

Viewing 7 posts - 1 through 7 (of 7 total)
  • Posted in: Cardinal
  • #96898
    davidll
    Member
    Post count: 205

    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

    #96938
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    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

    #96970
    davidll
    Member
    Post count: 205

    Perfect. Thx Rui

    #97102
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Thanks Rui!

    – Ed

    #97166
    davidll
    Member
    Post count: 205

    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

    #97176
    davidll
    Member
    Post count: 205

    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);
    }
    #97270
    Kyle – SUPPORT
    Moderator
    Post count: 35880

    thanks 🙂

    – Kyle

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register