Reducing spacing between gallery images

• 

  naomihamiltonphotography · Member · Jul 28, 2018 at 6:35 am

  • Copy link
  • Add topic to favorites

  I have inserted a gallery into my front page. I want to remove/reduce the spacing between the images for aesthetic reasons. I would like to know what custom CSS I would need to use in order to achieve this because I cannot find it in settings.
  Here’s an image of the gallery: https://photos.app.goo.gl/vBcjXSff4SPcZL99A

• 

  torres126 · Member · Jul 28, 2018 at 8:48 am

  • Copy link

  Hi, what is the URL of your website?

• 

  eileenchoi · Member · Jul 28, 2018 at 8:55 am

  • Copy link

  Hi Naomihamiltonp,

  You would need to reduce/change the padding or margin of the container holding your image. If you do not have a container around your images (a div), might be a good idea to put one in as this will make it easier to manipulate placement.

  If you do not have a container/div around your images, you can still play with the margin of the image itself to reduce spacing.

  For example:

  .gallery img{
  width: 25%;
  margin: 0;
  padding: 20px;

  }

  Hope this helps!