Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Flatiron: Spacing Between Gallery Items, Images Off Center



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 {
 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! 

Screen Shot 2021-08-16 at 5.32.36 PM.png

Screen Shot 2021-08-19 at 1.50.42 PM.png

Edited by tylerelise
adding info
Link to comment
  • Answers 0
  • Created
  • Last Reply

Top Posters For This Question

Popular Days

Top Posters For This Question

Posted Images

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...