remove space between parts of the page (margin and padding are already zero)

  • Dear All,

    my Website is making progress, but some things still do not work.

    There are some parts of the page – please see screenshots attached – where there should not be any space between, but even when margin and padding are set to zero, there are spaces.

    How can I solve that?

    1.) Title Page – space between Cover and Top.

    Pic: https://ibb.co/thBP1TH

    I am talking about the very small green background colour that you see above the cover. Not about the white part. The white part belongs to the header.

    FYI I set now the space bigger so that there is more green. Just if you wonder when you visit the site. I did this so that it more looks like I did that on purpose. For just as long as I can solve my problem with your help ??

    Same here on the page unsere Leistungen. There is some green space between the gallery block and the footer. How can I remove this? Now again I created a bigger space there, so that it looks more like on purpose.

    Pic: https://ibb.co/nrr59K1

    Pic with settings: https://ibb.co/g97NPnq

    Thank you so much in advance for your help!

    Let me know in case you need any further information!

    BR Angelika

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Moderator Felipe Santos

    (@foosantos)

    Hi there,

    I can see the CSS for this issue. This is basically a margin with the green background, and it is likely adding the border on the template page.

    https://d.pr/i/PhsuPW
    Full Size: https://d.pr/i/PhsuPW

    Can you confirm if you tried to go to the Pages or Front Page template (basically the main template that applies there) and check if there is a margin?

    You can have a general List View of the template, so the structure will be more clear.

    Thread Starter hellblauervogel

    (@hellblauervogel)

    Dear Felipe,

    thank you for your reply and thank you for being so helpful. Yes I took a look but I was not able to find out. Yes now with your screenshot I see it too. So I added to the CSS the following:

    .wp-site-blocks{
   margin-block-start: 0rem;
}

    But that does not work. hope you can help me?

    Thank you and BR

    Angelika

    Moderator jordesign

    (@jordesign)

    Hi @hellblauervogel – it looks like that CSS is targeting the overall layout (not just the main section under the header). The equivalent CSS that would work is:

    main.wp-block-group {
    margin-top:0;
}

    That being said – a better way to make that change would be to follow Felipe’s advice and edit the template in the Site Editor to remove the margin. It would be the main Group block after your Header section.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘remove space between parts of the page (margin and padding are already zero)’ is closed to new replies.