Comment to 'How to remove the blank space between blocks on a custom page?'
Comment to How to remove the blank space between blocks on a custom page?

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