How to decrease space under header image?

  • Author
    Posts
  • #153093

    ash787
    Member

    Hi,

    How do I decrease the space under the header image for my website, also, everything feels too big, is it possible to make the entire website more narrow or smaller so that less scrolling is required?

    Thank you

    The blog I need help with is ashwinrajesh.com.

    #153094

    ash787
    Member

    Also, would it be possible to increase the separation distance between the posts?

    #153140

    binarymoon
    Theme Author

    Hi there – thanks for the message.

    Do you mean change the distance between the header and the content on the homepage or all pages? The answer is different for each.

    On the homepage and archives you would use:

    .content-wrapper {
    padding-top: 3rem;
    }

    On blog posts you would use:

    .themes-sidebar1-active.page-template-default .main-content, 
    .themes-sidebar1-active.singular .main-content {
    padding-top: 3rem;
    }

    For the post spacing issue you can use the following for the horizontal space between posts:

    .main .post-archive article {
    padding: 0 40px;
    }

    For the vertical space you can use:

    .main .post-archive article {
    margin-bottom: 5rem;
    }

    Thanks – Ben

The topic ‘How to decrease space under header image?’ is closed to new replies.