[Resolved] blog post footer padding

[Tristan]

Hey Tom,

Just wondering if you could help me out… I’m in the process of setting up my site as more of a simplistic blog.. I have 2 questions:

1. The posts in my blog seem to have different footer lengths… e.g if my posts end in a square picture the footer seems to be adding in space afterwards rather than if i post a wider pic it will adhere to the padding set up in the customise menus. I tried adding in:

footer.entry-meta {
margin-top: 0px;

but it only changed the post with the wider pic for some reason… maybe i’ve added in some rogue code somewhere.

2. Is it possible to make the links in the main menu bar be links for different categories? (e.g. you can sort out the blog posts by clicking different links at the top)…this isn’t exactly theme related so I understand if you can’t help with this one.

Thank you!!

[Tom]

Hi there,

1. I’m not too sure what you mean – could you post a screenshot or maybe a link to your site?

2. Go into “Appearance > Menus” – on the left, you’ll see a “Categories” module which you can expand. In there, you can add the categories to your menu 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Tristan]

awesome thankyou i’ll try it out.
yeh sure, tristancossins.com/blog

[Tristan]

Hmm I just removed that custom css (entry meta margin)… if you have a look now i kind of want to remove the space between the end of the post and the category and between the feature images and the post title. Any ideas?

[Tom]

Give this a shot:

.post-image-above-header .masonry-post .post-image {
      margin-bottom: 0;
}

.masonry-post footer.entry-meta {
      margin-top: 0;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Tristan]

Thanks man! It worked perfect for the image space… not for the bottom though. It’s weird only the jellyfish post has the space removed. I tried a new post for a test and the gap is there.

[Tom]

Try this as well:

.masonry-post .entry-content p:last-child {
      margin-bottom: 0;
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Tristan]

Perrrrrfect! Thank you for the help man!!! Appreciate it.

[Author]

Posts