Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • February 17, 2016 at 2:46 am #584425
    lezhang

    Hello,

    I’m trying to recreate the effect I have on my “Home” screen when you hover over the masonry grid images to my “Portfolio” page to the portfolio grid. I can’t figure out how to change the hover effects on the portfolio grid to have the title boxes start with 0 opacity (not there) to hovering over the image and having them appear (100 opacity).

    Please let me know with a quick CSS style change.

    February 18, 2016 at 3:57 am #585117
    lezhang

    bump

    February 21, 2016 at 10:20 am #586628
    Ismael

    Hey!

    Thank you for using Enfold.

    Please add this in the Quick CSS field:

    .isotope_activated .grid-entry article {
    -webkit-animation: avia_msonry_show 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075);
    -moz-animation: avia_msonry_show 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075);
    animation: avia_msonry_show 0.8s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075);
}

    Regards,
    Ismael

    February 22, 2016 at 10:29 am #587001
    lezhang

    Hi Ismael,

    Nothing happened. Any other tips?

    • This reply was modified 8 years, 9 months ago by lezhang.
    February 23, 2016 at 9:14 am #587593
    Rikard

    Hi,

    Please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    February 25, 2016 at 7:49 pm #589409
    lezhang

    I listed my information in the private content.

    • This reply was modified 8 years, 9 months ago by lezhang.
    February 27, 2016 at 2:14 am #590096
    lezhang

    bump2

    February 29, 2016 at 12:02 am #590517
    lezhang

    bump3

    February 29, 2016 at 4:48 pm #590909
    Yigit

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .grid-entry:hover .grid-content {
    opacity: 1!important;
}
.grid-content {
    opacity: 0!important;
}

    P.S.: Bumped threads usually get overlooked. If your case is urgent, please try avoid self posting :)

    Regards,
    Yigit

    March 1, 2016 at 5:12 am #591331
    lezhang

    Thanks for all your help Yigit! Worked like a charm.

    March 2, 2016 at 5:50 am #591886
    Rikard

    Hi,

    Great, glad we could help :-)

    Best regards,
    Rikard

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