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

  • 103
  • More
Replies (4)
    • Hello @OneEagle !

      It can be corrected with the editing of the .bx-page-block-container CSS class settings. If you mean the margins like

      • 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?

        • You may try negative values:

          • 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!

            Login or Join to comment.