Removing Padding between Elements

This page has instructions on how to remove padding/ whitespace from Top & Bottom of elements. 

These Elements mentioned below remove padding from top and bottom of any paragraph type when they are placed inside of them. 

  • Add Section (any section type) 
  • Add Accordion/ Tabs

In the image on the right side, you can see that there is very little whitespace/ padding between the TABLE and ACCORDION elements. Below are the steps mentioned to achieve this.

Help Image

STEPS: 

1. Add Section (Configurable Column Layout) - This element will act as an enclosing layer for the elements inside
2. Select Columns : 1 - This will put all elements in center similar to default layout
3. Add Table, WYSIWYG, etc. elements inside this Section that you created
4. Stack 2 or more elements together and you will notice zero whitespace between them. 
5. To further reduce padding from top and bottom of this Section, Go to "Behavior" tab -> Section Padding -> No Padding.