Issues with Post Grid Masonry
-
When I updated from 1.13.6 to the latest version 1.22.1, my masonry layout totally broke, when I looked in the code I noticed that the text for the title and excerpt were no longer in the same parent container. Is there a reason for this? It completely breaks my hover effect because I target the single parent container to show/hide on hover/focus.
The old code was:
<div class="uabg-post__inner-wrap"> <div class="uabg-post__image"></div> <div class="uabg-post__text"> <h3 class="uagb-post__title></h3> <div class="uagb-post-grid-byline"></div> <div class="uagb-post__excerpt"></div> </div> </div>
And now it is:
<div class="uabg-post__inner-wrap"> <div class="uabg-post__image"></div> <div class="uabg-post__text"> <h3 class="uagb-post__title></h3> </div> <div class="uabg-post__text"> <div class="uagb-post-grid-byline"></div> </div> <div class="uabg-post__text"> <div class="uagb-post__excerpt"></div> </div> </div>
Before I could target the “uabg-post__text” div and use it style all the text within and absolute position the content for the hover/focus effect over the image.
Now I can not do this anymore. Is this an intentional change? Is there an option to get a container div around all the text again?
Also when I updated, I started getting an error in the console that Uncaught ReferenceError: UAGBPostMasonry is not defined.
I reverted to 1.13.6 and that fixed both issues, but obviously is not a permanent solution.
Any help would be appreciated.
- The topic ‘Issues with Post Grid Masonry’ is closed to new replies.