tylerelise

Site URL: http://tylerelise.com Hi there, I'm currently using this code in the custom CSS for my website to get the gallery images to have 8px of space between them: #container-content { padding-left: 8px!important; padding-right: 8px!important; } #grid .item { margin-left:-8px; a { border: 16px solid #fff; } /* Overlay size on hover */ .wrapper { margin: 16px; } } The issue I'm noticing is that the images now sit towards the bottom right corner and are off-center in the box. I've attached an image of what this looks like in edit view, you can see the content is sitting towards the bottom right of the container. It seems like something is effecting the right margin within the code (I've also attached a screenshot from the inspect view to show this). I'm wondering if maybe because it's a white border and not a margin the borders to the right of each image are now covering 8px of its neighboring image? Any help would be appreciated, thank you!

Hi! Thanks so much for this, I'm noticing when using this code that the gallery images are a bit off-center now. They're skewing towards the bottom right corner. Any idea on how to fix this? I've attached the link to my website below for reference as well as an image that shows what it looks like in edit mode, it looks like the images are sitting at the corner of their respective boxes, not sure if this is what's causing the issue. Thank you! https://www.tylerelise.com/