fancybox.js + macy.js

[DBbastiaan]

Hi, I'm trying to create a masonry layout with macy.js and insert the fancybox.js into it in my wordpress theme. Everything works now and is linked all right. The only thing that is bugging me now is the fact that the image grid no longer uses the container div for its sizing but makes its own container on the ".carousel__slide" div. Simple css doesn't seem to fix this for me.

Is this something you could help me with? The php bits are from advanced custom fields, which generates the images.

https://groei.site/portfolio/

[DBbastiaan]

I have fixed it myself by adding css which loads before the js is executed. I'll leave this up for anyone curious. The css to fix it:

.carousel__track {transform:translate3d(0px, 0px, 0px) scale(1) !important;}
.carousel__track .carousel__slide {width:var(--carousel-slide-width, 100%);}