Site logo

Archived topic

Single Post Spacing CSS

7 replies · Started by Anonymous on August 15, 2015

Viewing posts 1–8 of 8

Hey Tom,

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

gaps

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 :)

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

Ah! Try this:

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

Glad I've been helpful! :)

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.

My mistake - try the edited code above.

Perfect! Thank you.

You're welcome :)

This archived topic is closed to new replies.