That is an interesting situation. Looks like negative border-bottom might help. Try this:
.entry-header {
margin-bottom: -26px;
margin-bottom: -1.5rem;
}
thank you for your help…
However, if you scroll down on the site a few posts, the images will overlap the title there?
What is happening?? Strange…
Any ideas?
It apparently is an issue only with the last three posts that I have created… This is confusing.
I can’t really tell what is going on looking from the outside, but based on what you are saying, I’d look to see what’s going on in the post-editor of those three posts. Click on the Text tab of the editor and make sure you don’t have anything like or <div></div> just thrown in there.
I would also like to comment that the default behavior for adding media, such as the images you have, is to link to that media file. I find this odd when, as in your case, the only thing that happens is that all html is stripped away and you see just the image. I would suggest that you remove the tags leaving just the <img src=””> bit. Going forward, be sure to select None in the Media selector Link to field when adding your images.
If you have not alredy done this I suggest that you install a browser inspector like firebug, it shows you how your html is formed and how your css is working.
Ok, I seem to have found the source of the problem. The images in those 3 posts were aligned “left”, and this alignment was creating a space… not exactly sure why, but changing the alignment to “none” or “center” fixes the issue
Yes, RossMitchell, I am using Firebug to look at the css, but couldn’t see what was accounting for the added space, no margins or padding claimed the area…
