How to remove the blank space between blocks on a custom page?
Hello,
This may sound like a newbie question, but I have been pulling my hair out on this for a while now. 😀
Can somebody help me with a css code to remove the blank space between blocks on a custom page?
Thanks
-
-
·
LeonidS
- ·
Hello @OneEagle !
It can be corrected with the editing of the .bx-page-block-container CSS class settings. If you mean the margins like
-
·
LeonidS
-
- · OneEagle
-
·
In reply to LeonidS
- ·
Hi dear @LeonidS
I tried that css class before but it didn't work. That's why i requested for help here.
I tried this:
.bx-page-block-container {
margin: 0px;
}
even
margin-bottom: 0px;
margin-top: 0px;
didn't work.
Any idea?
-
-
·
LeonidS
-
·
In reply to OneEagle
- ·
You may try negative values:
-
·
LeonidS
-
- · OneEagle
-
·
In reply to LeonidS
- ·
Thanks a lot for the suggestion. The negative word actually worked. I had to use -15px instead of -10px which was still leaving a small blank space between blocks.
I used padding-top and padding-bottom instead of just padding because it was removing the left and right padding.
Here is the final code:
.bx-page-block-container { margin-top: -15px; margin-bottom: -15px; }
Also I had to remove another css class from the same page that I previously added. It was conflicting with the .bx-page-block-container class. That's also the reason why .bx-page-block-container didn't work before. Thanks for helping. Issue fixed!