Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 18, 2017 at 3:15 am #795205
    steed

    Hello to my hero at Kriesi,

    This is a followup to a previous thread where you answered this question, but it’s not quite working and I failed to notice till now (months later).

    Summary: I want masonry elements to be interactive in some places, but not others.
    Ismael said “Add the page id selector so that it won’t affect the other page” and gave this QuickCSS:

    .page-id-2344, .av-masonry-container, {
    pointer-events: none;
}

    New question: what if I still want the same optional functionality, but now have added ANOTHER page where I know I want it turned off?

    I tried doing this:

    .page-id-2344, .av-masonry-container, {
    pointer-events: none;
}

.page-id-2351 .av-masonry-container {
    pointer-events: none;
}

    but that didn’t work. I’m going to keep trying other things, but it would be nice to know the proper and clean formatting for that instruction.

    Thanks again for all you do.

    May 18, 2017 at 3:23 am #795208
    steed

    Update: I figured it out, but now have another related question.

    Here’s what worked:

    .page-id-2344, .av-masonry-container,.page-id-2351 .av-masonry-container {
    pointer-events: none;
}

    Is that the best way to write that?

    New question: I have other pages that use masonry gallery in a similar way, but I didn’t need to do that trick with the QuickCSS to turn off pointer events.

    I’m confused. Help me Obi-Kriesi, you’re my only hope.

    May 18, 2017 at 4:49 pm #796016
    Victoria

    Hi steed,

    Even in the last code there is an extra comma :)

    
.page-id-2344 .av-masonry-container, .page-id-2351 .av-masonry-container {
    pointer-events: none;
}

    This would be correct way to do it. This code will not affect the pages that are not indicated here. So no worries :)

    Best regards,
    Victoria

    May 18, 2017 at 6:33 pm #796081
    steed

    Thank you Victoria!

    Last question:
    This page, http://connection.cu-portland.edu/2016-summer-alumni-notes/

    is also a masonry gallery, but hovering over the images doesn’t trigger the linking that I turned off using the QuickCSS you helped me fix.

    Why is the masonry gallery on this page behaving differently?

    May 19, 2017 at 12:47 pm #796535
    Victoria

    Hi steed,

    This page is page-id-772 and probably you have some different settings for the masonry on this page.
    Is it working as it should or you need to change it?

    Best regards,
    Victoria

    May 20, 2017 at 12:42 am #796859
    steed

    Hi Victoria,

    First: Thank you!

    Second, it’s working how I want it to. I just don’t know why.

    I am aware of the page ID and that’s the source of my confusion. When I look in the QuickCSS for some special instructions for page-id-772, there are none.

    When I compare the settings on the masonry gallery between this page and the other ones, it appears that my settings are identical.

    I appreciate your help previously. We don’t really need to dig into this any further. Thank you.

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