Related Posts Problem

[bssmithy]

Hi,

I added this bit of code to get my blog post images to space correctly (I do photography, so lots of consecutive photos per post):

.single-post img {margin: 3px;}

and it ended up affecting the Related Posts area by adding margins on the top, bottom, and left, so you see the container background. Is there a bit of code I could add to disable the above code from affecting the Related Posts area? Attaching a screenshot for reference.

Thanks.

[Kyle – SUPPORT]

You need to add the class of the parent div before the .single-post img, if you provide me with a link I can tell you what classes you need to add.

– Kyle

[bssmithy]

OK, well here’s a random post from my site. Thanks for the help.

http://novelhill.com/2013-novel-hill-wedding-video/

[Kyle – SUPPORT]

Sorry, I need to see the page where you want to have the spacing as 3px.

So when you say:

I added this bit of code to get my blog post images to space correctly

Which page is it on?

– Kyle

[bssmithy]

The code itself is in the custom CSS/JS area of the Dante Theme Options. It’s for all single posts.

Here is a single post with that spacing: http://novelhill.com/neverland-part-three-lost-girls/

But the problem is with the Related Posts area at the bottom. As you can see, there’s a dark gray border on the top, left, and bottom of those thumbnails, which appeared when I added the spacing code.

[Kyle – SUPPORT]

Hi

It’s because the css you added is applied to all images in a single post. If you only want it to apply to the images within the post, change the css to this:

.article-body-wrap img {
  margin: 6px;
}

Hope this helps!

– Kyle

[bssmithy]

Perfect, that’s what I needed.

Thanks, Kyle!

[Kyle – SUPPORT]

No problem!