Site logo

[Resolved] Single Post Spacing CSS

Home Forums Support [Resolved] Single Post Spacing CSS

Home Forums Support Single Post Spacing CSS

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #129662
    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:

    gaps

    #129669
    Tom
    Lead Developer
    Lead Developer

    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 🙂

    #129672
    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

    #129673
    Tom
    Lead Developer
    Lead Developer

    Ah! Try this:

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

    Glad I’ve been helpful! 🙂

    #129674
    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.

    #129678
    Tom
    Lead Developer
    Lead Developer

    My mistake – try the edited code above.

    #129679
    Tristan

    Perfect! Thank you.

    #129780
    Tom
    Lead Developer
    Lead Developer

    You’re welcome 🙂

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.