Plugin Author
Ajay
(@ajay)
I think I’ve narrowed this down to the li being an inline-block in chrome causing this issue.
Please can you try this in the custom styles box:
.crp_related.crp-masonry ul li { display:block; }
Thread Starter
xqwrtz
(@xqwrtz)
Yes, I figured that as well. But with display:block it crashes the design a bit on hover. So I thought it is meant to be inline-block. I implemented it.
Plugin Author
Ajay
(@ajay)
I think the transition would get a bit smoother with transition: all .5s; applied to both the li class above and the li:however. It’s set to .2s for li:hover
Thread Starter
xqwrtz
(@xqwrtz)
I mean: If you hover over the 2nd column, then the top of it pops up in the lower left corner of the 1st column. Again, this does not happen in Firefox.. But in Safari it’s even worse, the column jumps around.
Plugin Author
Ajay
(@ajay)
@xqwrtz
I see what you mean! I don’t know the solution I’m afraid as it is well beyond my CSS skills. The masonry style was to put the boxes one below the other and fill the columns up when using a larger number of posts.
Only thing I can think of is mixing the grid style or grid thumbnails style and overlaying the custom CSS for the transitions/look.
Thread Starter
xqwrtz
(@xqwrtz)
Ok, no worries. I’ll just delete the transform:scale.
Thank you very much for your quick response!
