Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 9, 2014 at 2:23 am #332825
    aph80

    Hi,

    I use the masonry element with portfolio items. In the normal state (not hovering) the images look bleached out and only become normal when hovering. I would like to have it the other way round. Is that possible with a quick fix?

    The masonry on the right side features several products from different categories. The first ones that show up are based on the categories I suppose. Is it possible to make them show up in a random manner or select the ones that should show up?

    Thank you!

    October 9, 2014 at 10:49 am #333097
    Ismael

    Hi aph80!

    Thank you for using Enfold.

    Please use this on Quick CSS or custom.css:

    .avia_desktop .av-hover-overlay-active .av-masonry-image-container {
opacity: 1;
}

.avia_desktop .av-hover-overlay-active .av-masonry-entry:hover .av-masonry-image-container {
opacity: 0.7;
}

    Remove browser cache then reload the page.

    Regards,
    Ismael

    October 9, 2014 at 7:42 pm #333417
    aph80

    Thank you! That works perfectly.

    Do you have a solution for my second question, as well? I have many items in this masonry but only want to show four of them in the beginning. How can i control which ones show up first? And is there a way to make it random? Might be useful for some occasions.

    October 10, 2014 at 1:39 am #333568
    Yigit

    Hi!

    Please see – http://kriesi.at/documentation/enfold/how-to-add-an-orderorderby-option-to-the-blogpost-sliderportfoliomasonry-grid-element/

    Cheers!
    Yigit

    October 11, 2014 at 1:18 pm #334307
    aph80

    Thank you!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Masonry with portfolio items hover style’ is closed to new replies.