I cannot find a way to center an image gallery grid within a row. I tried checking the “center content” box and adding custom CSS with no avail. Here is the page where you can see the block of images aligned to the left. Any help is much appreciated.
This code does move the grid but it does not solve the problem. I was already able to hack some CSS to move the grid over but because we are dealing with a responsive website this is not a practical fix. I would need to set different margins for each size and in between the break points the boxes look off-center. There should be code to organically center the grid. Can you please assist?
I just switched the responsive image gallery to a media grid which does center automatically, but the issue is that every time I run an update of any sort, the media grid images fail to load and that was what prompted me to switch to the image gallery. I would still like to know how to center the original gallery but please ignore the site in its current state. Thanks!
As i previously said, the gallery is already centered. I don’t see much difference with the current state. Can you please send us a screenshot of what you want it to look like? So we can understand better your point of view.
