Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 5, 2015 at 8:44 pm #406666
    reisp

    hi again :)

    I want the hover effect on the masonry caption rollover to just fade in instead of ‘flipping up’ and fading in. How do i remove that 3D transform?

    example

    March 6, 2015 at 10:27 am #406898
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{
-webkit-animation: none !important;
-moz-animation: none !important;
animation: none !important;
}

    Cheers! 
    Josue

    March 6, 2015 at 6:21 pm #407171
    reisp

    Hi Josue

    Thank you for your help.

    Sorry, I think I needed to be more clear … I don’t mind the animation on the loading of the masonry (which the above code removes). What I’m looking for is on the hover state of a masonry item the caption and background rise up from the bottom…. I want to remove that ‘rising action’ and just have it fade in with no movement. Does that make sense?

    March 6, 2015 at 8:52 pm #407263
    Josue

    Hey!

    I see, use this instead:

    .avia_desktop.avia_transform3d .av-caption-on-hover .av-masonry-entry.av-masonry-item-with-image .av-inner-masonry-content{
-webkit-transform: none !important;
-moz-transform: none !important;
transform: none !important;
}

    Cheers!
    Josue

    March 7, 2015 at 2:28 am #407373
    reisp

    Perfect. Thank you Josue!

    March 7, 2015 at 2:47 am #407375
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.