Spacing at the top of the page

  • Author
  • #130409



    In another thread, I found the following code to remove some of the white space near the top of the page.

    .single .site-content, .blog:not(.fullwidth-slider):not(.carousel-slider) .site-content, .page .site-content, .archive .site-content, .search .site-content, .search.infinite-scroll .site-content, .error404 .site-content {
    	padding-top: 0;

    This was very helpful, but I found that it removed the space both on the homepage ( and on the individual blog post pages (for example: I was wondering if it would be possible to keep the homepage looking like it current does with the cut empty space, but to add the space back in on the blog post pages so there’s a small amount of empty space above the large images at the tops of those pages.


    The blog I need help with is



    I also noticed this lack of space affects the search results page, for example here:

    It would be great to be able to add the space back to the top of that page as well. Thanks.


    Theme Author


    Here is improved class that will put space back on search page:

    .single .site-content, .blog:not(.fullwidth-slider):not(.carousel-slider) .site-content, .page .site-content, .archive .site-content, .error404 .site-content {
    padding-top: 0;

    Just to clarify – you need spacing back on the homepage?

    Thank you,
    – Djordje



    Thanks! That fixed the search page — looks great.

    In addition to that, I’m hoping to add extra space to the top of blog post pages (like this one: I want to keep the homepage as-is, but put back that spacing at the top of all blog post pages.

    Is that an easy fix?



    And just to clarify, on the blog post pages I’m looking for spacing above the main image associated with the blog post so that image doesn’t run flush up against the white area at the top of the page.

You must be logged in to reply to this topic.