All Collections
Building Your Blog
Customizing the Blog Design
Remove the Spacing Between Images in Blog Posts
Remove the Spacing Between Images in Blog Posts

Remove all spacing between images in a blog post

JT Pals avatar
Written by JT Pals
Updated over a week ago

⚠️ We cannot guarantee that any added pieces of code will work in every case inside of Showit.

If you're sick of the spacing between images in your blog posts then you can follow these steps to manually adjust the CSS settings for your images.

Remove Spacing Between Blog Images With CSS

  1. Select the Single Post Blog Template in the Design App

  2. Go to the Advanced Settings tab in the right side Properties Panel and choose the Custom CSS option

  3. Copy and paste the code below into the Custom CSS box:

.se-wpt img.alignnone,
.se-wpt img.aligncenter{
margin-top: 0px;
margin-bottom: 0px;
display: block;}

Things to Know

  • This will only apply to images set with Alignment None or Alignment Center

  • Hard Returns between images will still leave spaces, be sure you're not adding returns between images.

  • This isn't a perfect science... so give it a try and see how it works.

More CSS

If you are looking for more ways to alter the format of your blog design, check out this article here.

Did this answer your question?