Changing space between end of post and start of next post using CSS

urbankulturblog · Member · Sep 12, 2014 at 9:35 am
Copy link

Add topic to favorites
Hi there – I’m trying to reduce the space between the end of one blog post and the start of another, currently it seems quite large and I’d slike to reduce it somewhat.

I’ve managed to move the post below up a little using this

.hentry {
margin-bottom: 2em;
}

but I’m struggling to reduce the space between the end of a post and the next one.

Any help gratefully received!

Thanks!
Steven

The blog I need help with is: (visible only to logged in users)
hallluke · Member · Sep 12, 2014 at 9:42 am
Copy link
Try replacing your .hentry code with the stuff below, mess around with the values there until you get what you want:
```
.hentry{
  margin-bottom:1em;
  padding-bottom:1em;
}

.page-content, .entry-content, .entry-summary {
  margin-bottom:-1em;
}
```
urbankulturblog · Member · Sep 12, 2014 at 9:49 am
Copy link
Thanks Halluke – that’s really helpful, think I was getting confused with the difference between padding and margins!

Do you know if there is also a way to manipulate the navigation font-size? Think I’m having trouble locating the exact class or id to do this…

Thanks so much
S
hallluke · Member · Sep 12, 2014 at 10:18 am
Copy link
This will increase the font in your main navigation menu slightly, did you mean this or the older/newer posts link when you reach the bottom of the page?
```
.main-navigation a, .main-navigation a:visited {
  font-size:1.5rem;
}
```
urbankulturblog · Member · Sep 12, 2014 at 10:23 am
Copy link
Brilliant, thanks a lot for your help – that was exactly what I needed!

Cheers
S

No items found.