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

  • View
    545
  • More
Replies (5)

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

            • The alternative I think would be to use one single block to place all of the page content into. Depending on what you are placing in the block, your choice would be either html or raw.

              Login or Join to comment.