Hi keenonu, If you look at the css for .hentry you will notice lots of padding at the top and bottom of each article. You can fix it by adding this to your custom css:
.hentry {
padding: 30px 0 5px;
}
This will reduce the space on each article for the front page and the post pages.
Let me know if this works for you.
Regards
Ernest Close
YES :)))) this works 🙂
Thank you very much!
Regards
Kinga
Glad you found the solution!
Just a heads-up that if you made this modification directly in the theme’s style.css file, the change will be overwritten the next time the theme is updated with a new version, so please be careful.
A better 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.
Hi!
How do I do the same thing on a page?
The code above should also apply to pages, since pages also use the .htentry class.
If you tried it and it isn’t working, please provide a link to a page so I can take a look? Thanks.
p.s. in future please start a new thread as this one is already marked as resolved. Thanks!
