Tagged: , , , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 13, 2014 at 9:27 pm #223655
    mgerenser

    Hi, I love the Masonry Gallery. Very cool! But I need to make a couple modifications to it.

    1. Can we switch the behavior of the “overlay” effect? I’d like the image in the Masonry Gallery to display normal, but become lighter (and still enlarge slightly) on mouseover.

    2. Right now it appears the Masonry grid only allows 3 columns. How can I change this to allow for 5 or 6 columns? Is this doable?

    February 14, 2014 at 9:22 am #223846
    Dude

    Hey mgerenser!

    1) You can try to add an opacity effect to the masonry images – insert this code into the quick css field

    
.av-masonry-image-container:hover img {
opacity: 0.6;
}

    2) See https://kriesi.at/support/topic/question-about-the-full-width-masonry-gallery/

    Regards,
    Peter

    February 14, 2014 at 3:34 pm #224020
    mgerenser

    For #1, the code you gave me definitely works for the “mouseover”. Awesome! Thank you! But what about making the opacity 100% for the image-container in its normal state?

    February 14, 2014 at 3:39 pm #224022
    mgerenser

    Also, thanks for the info on my second question. But is there a way to force the masonry gallery to only show 1 row? Basically, I have a special use case where I want to show just 5-6 columns and only one row.

    February 14, 2014 at 5:32 pm #224070
    Dude

    Hi!

    1) Afaik it’s set to 100% by default. You can change the default opacity with this css code:

    
.av-masonry-image-container img {
opacity: 1;
}

    2) No, not really because it depends on the screen size and the number of items. Even if you i.e. limit the number of images to 6 the number of rows may increase if there’s not enough space for 6 columns in the first row.

    Regards,
    Peter

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