-
Leonardo
Hi there,
I was building an archive with loop template. A single template with hero and its reference loop of a custom post type. I was going crazy because without margins it had always an extra paddind (blue space in the center, that is my body color, image 1).
Then I found out that in the customizer I have to reduce the “separating space” function (image 2).
Initially I thought that to reduce the space between containers I just had to apply: layout –> cointainer –> one container but evidently it is not so.
So i don’t understand where does that extra padding come from and why that option “separate space” works with that. I also read the documentation about it but I’m still a bit confused.
Image 1: https://imgur.com/a/JpKb6i5
Image 2: https://imgur.com/7ZuO67S
Ps: a link in private information
-
David
Hi there,
try adding this CSS:
.full-width-content .site-main>* { margin-bottom: 0; }
let me know.
-
Leonardo
Hi David,
thanks a lot it works well. But to understand, why do I need this css since in my layout I haven’t applied any margins to my containers? And mostly I don’t understand why that “separate space” function works in this case.
Thank you
-
David
There is some CSS in the theme, that has yet to be accounted for when using a block element template. Its on our issue list and we will address it in a future update once we find a backward compatible way of doing so.
For now you need to use that CSS. I hope thats ok.
-
Leonardo
Oh great, happy to hear that! Just one thing David, then should i remove this css code when there will be the update?
-
David
It won’t be a problem if you don’t remove the CSS. It won’t break anything 🙂
But yes when we make that change you can remove it. -
Leonardo
Perfect! Thank you David for the support
Have a nice day :),
Leonardo
-
David
You’re welcome , and you too!
- You must be logged in to reply to this topic.