How to change the spacing between Blog posts

I’d like to change the amount of space that is between posts on my blog page. I’m using RW 8 and the mountains theme. http://www.piratesguidestory.com/blog/

I like it fine overall, but just want to reduce the wasted white space between posts. I’m not very adept with coding, but I understand getting the right code and putting it into the page CSS… or something like that.

I’d also love to know if there is a way to eliminate the date line (I’ve eliminated hte date numbers, but a ( // ) still shows up, and creates another line space).

Try adding this CSS:

.blog-entry {
margin-bottom: 6rem;
}

The default is 12rem (each rem is 16px).

Did you want to remove the entire line (including “Filed in …” ?

Thank you! that first CSS code worked perfectly.

As for the date line, I’m not sure. But I’d like to be able to eliminate it, since I’m not really interested in the “filed under” either.

To remove the line and margins try add the following CSS:

.blog-entry-date {
display: none;
}

If you want to leave the space but not display the line:

.blog-entry .blog-entry-date {
visibility: hidden;
margin-bottom: 1rem;

}

Default margin for that is 2rem.

2 Likes

Thanks again - that is perfect! I’m so grateful for people who can code as you can, and your willingness to share the info!

2 Likes