Can’t get rid of white space

  • Resolved jmpavo

    (@jmpavo)


    4 years, 3 months ago

    Hello! I’m a newby for WordPress and for this forum as well… I’ve setup a draft of my website and there are a few little thingies that keeps bothering me.

    One of them is that I can’t identify why there is such a white space between the breadcrumbs and the title of the post. The result is a bit awkward:
    – the title of the post should be at equal height as the Search block (Zoekterm)
    – both title and search block should be closer to the header.

    However, I can’t figure out how to reduce the white space. Btw, this isn’t an issue on the other pages, only this page which in fact is a blog.

    Any help would be much appreciated!

    UPDATE: the situation is as follows:
    – the text that is too low (Lexham Geographic …) is a post
    – the post is linked to the category of Boekbesprekingen (means ‘book reviews’)
    – the white space might be an empty title of the category?? But I have still no clue how to remove it…

    • This topic was modified 4 years, 3 months ago by jmpavo. Reason: update

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)

  • pls add these 2 css rules to fix issue

    .ast-separate-container.ast-two-container #secondary .widget {
    padding: 1em 2em !important;

    }
    .ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single
    {
    padding:1em 6.67em !important;
    }

    it should fix this issue.

    Thread Starter jmpavo

    (@jmpavo)

    Wow, that does indeed do the trick, thanks!

    Thread Starter jmpavo

    (@jmpavo)

    Well, it does solve the problem of the two columns having different heights, but there is still a significant amount of white space between the breadcrumbs and the Title of the post.

    In fact, this white space would be perfect for the category title without anything else.

    How do I add that category title without increasing the white space?

    Hi

    Displaying a category title is not a good idea, because post can be associated with multiple categories.. However we can reduce white space by replacing above css with below:

    .ast-separate-container.ast-two-container #secondary .widget {
    padding: 1em 2em !important;
    margin:10px 0px !important;
    }
    .ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single
    {
    padding:1em 6.67em !important;
    margin:10px 0px !important;
    }

    Thread Starter jmpavo

    (@jmpavo)

    Thanks, Vikas!
    I changed the margins to -30px and that worked.

    Thanks for update jmpavo. Glad to know that ??

    Thread Starter jmpavo

    (@jmpavo)

    The solution by Vikas worked perfectly for one blog, but when I wrote the second blog I realized I had to apply the same solution to that post again (and every other future post).

    Is there a way to do it once and for all?

    Hi Jmpavo,

    Did you add the above css in wordpress custom css area under customize section, if you will add it under Appearance -> Customize -> custom css section, then it should be applied to all posts.

    Thanks
    Vikas

    Thread Starter jmpavo

    (@jmpavo)

    Awesome, that did the trick, thank you!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Can’t get rid of white space’ is closed to new replies.