Viewing 7 replies - 1 through 7 (of 7 total)
  • Try applying the “blank” template to your page. if the white space disappears, it means that in the template you are using, the element that contains the “site content” (for example a column or group) has some margins or padding. you need to go to the template you want to use (like “page” and find the block that contains “site content”.
    set margin-top and padding-top for this element to 0 in the block menu on the right and it should work. (the sliders might suggest that it’s already at zero because they are completely on the left, but that’s a wrong impression. push the slider to the left once and you see a 0 appear next to the word “padding”). Hope that helps.

    Thread Starter nasreddinjr

    (@nasreddinjr)

    Thank you for your recommendation. not worked for me. I see there a space for “wp–skip-link–target”

    Moderator Kathryn Presner

    (@zoonini)

    @nasreddinjr Could you please provide a link to the page where you’re trying to remove blank space above the page title so I can have a look directly to try to help you determine where the space is coming from and how to best override it?

    Thread Starter nasreddinjr

    (@nasreddinjr)

    Moderator Kathryn Presner

    (@zoonini)

    Hi @nasreddinjr – it looks like that space is coming from a few different spots.

    The first spot is on your first Group block, which has this inline style on it:

    margin-top: var(--wp--preset--spacing--50);

    Here’s a video showing how much space is removed when you turn off that inline style in the browser inspector:

    https://d.pr/v/RnqjI2/99VdjH3OvH

    To remove that top margin in the editor:

    – Selecting that first Group block in the editor
    – In the Margin settings area in the right-hand column, un-link the four margin values
    – Expand the Margin section to get the text box
    – In the text box, eter 0 as the top margin value.

    Here’s another screencast showing how to first un-link the four values (top, right, bottom, left) and then how to enter 0 as the top margin value:

    https://d.pr/v/SI08Ys/xRsWN32Sqp

    Setting the top margin on your main Group block at the top of your page should remove a large amount of the space you’re looking to eliminate, but it won’t remove all of it, since there’s some other padding we need to remove, in a different part of the editor.

    To remove the remaining space, in the Site Editor:

    – Click the Styles icon
    – Click Layout

    Screenshot:

    Editor beta Self hosted Test WordPress

    – Un-link the four padding values
    – Click the icon next to the Top padding section to get the text box
    – Enter 0 as the Top padding value and save your changes.

    Screenshot:

    Editor beta Self hosted Test WordPress

    That should remove all the remaining space.

    Let me know how it goes!

    Thread Starter nasreddinjr

    (@nasreddinjr)

    Hi @zoonini
    thank you for your help, it worked for me.

    Moderator Kathryn Presner

    (@zoonini)

    Great, I’m glad to hear. I’ll mark this thread as resolved, but feel free to start a new one if you have other questions.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Blank space above title’ is closed to new replies.