Single Post Spacing CSS

[Tristan]

Hey Tom,

Would it be possible to grab the CSS code for the padding in a single post view where the red arrows are:

[Tom]

Hi there,

1. Spacing above the post image:

.single.separate-containers .inside-article {
      padding-top: 0px;
}

2. Spacing below the post image:

.separate-containers .inside-article .page-header-image-single {
      margin-bottom: 0px;
}

3. Spacing above the entry meta:

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

Adjust the px as needed 🙂

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

[Tristan]

Awesome! Is there anything I can do for the gap after the entry meta? There seems to be a big one on mine.

Can I also just say a massive thank you to you for all your help over the past few days – really appreciate it mate … you’ve turned my site around !

Thanks again

Tristan

[Tom]

Ah! Try this:

.separate-containers.single .inside-article {
      padding-bottom: 0px;
}

Glad I’ve been helpful! 🙂

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

[Tristan]

Hmm that last one doesn’t seem to be responding. It’s the gap right after the previous post/next post buttons and if i’m logged in I can see an edit button there.
If I’m not logged in its just empty space.

[Tom]

My mistake – try the edited code above.

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

[Tristan]

Perfect! Thank you.

[Tom]

You’re welcome 🙂

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

[Author]

Posts