Could you please provide a link to your site? Thanks.
Thanks Kathryn for your reply. Here is a link:
http://autumnmoon.org/wp/test/#comments
It looks like the issue is a margin-bottom on the comment itself, that’s coming from this style:
p {
margin-bottom: 34px;
}
Changing the margin-bottom on .comment-content p should work without affecting the pargraph tags for the rest of the site.
Thanks kaisuess for the help. I searched but don’t have a .comment-content p only a .comment-content blockquote p.
Adding this to your custom CSS should do the trick:
.comment-content p {
margin-bottom: 0;
}
Don’t edit the theme files directly, otherwise your changes will be overwritten when the theme is updated.
You should move out any changes to the theme’s stylesheet that you’ve already made.
An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.
As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.
Thanks Kathryn, that did do the trick. Is there an easier way to compare the style sheet that I changed with the original to move them out as you describe other than going through it line by line? Thanks again.
If you didn’t make a note of where you made your customizations, you could try using a file-comparison tool; there are several available for different platforms. For example, here’s an open source file-comparison tool for PC: http://winmerge.org/
