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?

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