Block not flush to top of page

  • Resolved Nicklas

    (@nicknyl87)


    1 year, 11 months ago

    I’m new to WP, and to coding. So learning as I go.
    I’ve run into this problem with a white space at the top of my page. I’d like to have the first block flush to the top.

    I’ve tried applying various codes that I found on the net, but I think I figured out that they all are within the block so to speak, and I assume that my problem is on the page “behind” the block.

    I tried adding:
    style=”padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;min-height:800px”
    To no avail.
    I also tried setting various values to 0 in all kinds of different .php’s in my theme folder.
    I also tried a slew of additional CSS, I’m sorry I dont remember them all.
    How hard can it be to remove a blank space?

    Please help I’m going insane at a frighteningly rapid pace!

    • This topic was modified 1 year, 11 months ago by Nicklas.

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

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

  • my problem is on the page “behind” the block…

    i have also tried different possibilities, but, for me as user ist should be possile, to make my own site with TT3 Block Theme.

    I would also be happy to get rid of the white space at the top of the theme.

    • This reply was modified 1 year, 11 months ago by md_quer.
    • This reply was modified 1 year, 11 months ago by md_quer.
    • This reply was modified 1 year, 11 months ago by md_quer.
    • This reply was modified 1 year, 11 months ago by md_quer.

    Here is a test image of the page with white space

    Image

    • This reply was modified 1 year, 11 months ago by md_quer.

    I got it ?? with some try and error :-))
    Here ist a link to a test site

    Test Site

    This custom CSS should remove the gap at the top of the page:

    
.wp-site-blocks {
  padding-top: 0;
}

    You can add the CSS in the ‘Additional CSS’ section of the old style customizer, which can be accessed directly by adding wp-admin/customize.php to the end of your website URL e.g. https://www.yourdomain.com/wp-admin/customize.php

    • This reply was modified 1 year, 11 months ago by uxl.

    Please disregard my previous reply about using custom CSS, as it is possible to change this in the Site Editor.

    Navigate to the Site Editor (‘Appearance’ > ‘Editor’) and select ‘Styles’ > ‘Layout’.
    Here you can change the padding of the site. Make sure to enter “0” in the top padding setting.
    It may initially appear empty, but if you enter “0” it will override the theme’s default top padding and remove the space at the top of the page.

    Moderator Kathryn Presner

    (@zoonini)

    @nicknyl87 Were you able to get the issue sorted by removing the top padding in the Layout Styles area, as @uxl suggested? I’m not seeing a gap at the top of your homepage so hopefully this did the trick.

    @mdquer I noticed your site is hosted by WordPress.com. If you need help with a WordPress.com site in the future, please use their support portal. Thanks!

    @zoonini
    thank you for your response.
    I am new to this forum und i have not seen a possibility to upload a photo. So i used a free wordpress.com account to show my experience.
    And from a local staging site i cannot send a link ??

    Moderator Kathryn Presner

    (@zoonini)

    Hi @mdquer!

    Thank you for clarifying, and welcome to the forums!

    I am new to this forum und i have not seen a possibility to upload a photo.

    That’s right, for security reasons it’s not possible to upload photos directly. You can always provide a link to an image you’ve uploaded elsewhere, such as in the media library of a live site. You can also use https://snipboard.io and provide a link here.

    Also, in future, it’s really appreciated if you could start a new thread if you need help with an issue, even if it’s similar to someone else’s. That better ensures that no one’s question is missed and allows more individualized support.

    Thanks!

    Moderator Kathryn Presner

    (@zoonini)

    @nicknyl87 I’m marking this as resolved since it’s been a while since we’ve heard from you. If you need help with anything else, don’t hesitate to start a new thread.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Block not flush to top of page’ is closed to new replies.