Since you’re already using a custom CSS plugin, you can simply add this:
#content p {
margin-bottom: 10px;
}
As for your second question, I’m afraid I’m unclear as to what you mean by “column spacing”. Can you clarify what you mean?
Thank you Stephen! I added that code to my CSS and it magically fixed both issues! I still have one thing that’s troubling me, maybe you can help? The top post on my home page seems to add in a considerable amount of space above the title image. I usually upload the title image using the “Featured Image” widget that’s on the right side of my editor, instead of inserting the picture into the actual post. This allows the image to be above the post title. Any thoughts on how I can eliminate the extra space?
Thanks again for your help!
Sophia
Does:
#masthead {
padding-bottom: 0;
}
do what you’d like?
It appears that the code you suggested shifted the picture about a half of an inch in the right direction (up). It’s still about 3″ low. I tried using “padding-bottom: 2000px” which did shift the image down (in the wrong direction) but proved that the code is doing what we’re looking for. I tried setting it at “-2000px” but it stayed in the same location as when set to 0.
Getting closer, but not quite fixed. Any other suggestions?
Thanks!
Sophia
When I look at your site now, you’ve got the post title and the comment link above the featured image. Did you still want to reduce the space between the navigation menu and the top edge of the content?
Yes. I just moved the post title above the picture to see if the issue still exists (obviously it does). I’m not sure how much space it’s showing for you, but I’m using Chrome and it’s a large white space between the page header (Home/about me line) and the post title.
What if you also added:
.site-content, #secondary {
margin-top: 5px;
}
Currently I have all three commands from this thread. Unfortunately the last suggestion didn’t seem to change anything, at least not that I can see.
#content p {
margin-bottom: 8px;
}
#masthead {
padding-bottom: 0;
}
.site-content, #secondary {
margin-top: 1px;
}
This is what I see when I look at your site: http://imgur.com/LnNftrK
ok great so it looks correct in Sarafi.
This is what I see in IE and Chrome:
View post on imgur.com
Having trouble inserting the link. sorry.
Hmm. There’s an ad that gets loaded right above your post title and below the navigation menu, but it doesn’t actually appear on the page, even if I temporarily turn ad-blocking off. It appears to be loaded by a plugin called Adsense Explosion.
Ok I tried a few things:
First I reorganized my widgets to see if the ad on top was somehow restricting the top of the first post. That didn’t seem to change anything.
Next I changed my theme from Twenty Twelve to Twenty Fourteen to see if that would fix it, but I’m still getting the large space above the first post. See here:
http://imgur.com/TJ0zVrJ
Still getting the large blank area :/
You could try hiding the ad itself:
.adsxpls {
display: none;
}
I’m not sure this is the best solution, though, given that presumably you don’t want your visitors not seeing your AdSense ads.
