I am trying to figure out how to get the images on my blog posts to have some spacing between them. I imported posts from my Wordpress Blog and all of the images are stacked upon each other. I would love some padding/spacing between each image. A fellow poster posted a comment with a bit of code to inject that would induce the spacing. The only problem was that the code effected images site-wide as well as my logo in the navigation panel. He mentioned in the post something about limiting the code to a certain section or page but didn't not explain how to do this. Here is the code he shared:
img { margin-bottom: 4px; }
Here is my current blog:
You can see on the blog that I have images grouped together in 3's and 4's but you can clearly see where two groups of images meet up because there is a much wider border between the two. I would love to have around 10 pixels of spacing for blog images only. Squarespace support is great but apparently this is "Advanced" and recommended I try the Answer forums. Thanks for any advice. Toby