Styling content presentation through the arrangement of blocks and layers.

Options in the Page Designer for sizing both margins and padding allow for fine-tuning of page designs, and customizing alignment without needing to add custom code.

Click on a block or layer in the Page Tab.

Open the Size expander.

Add values to adjust the pixel values for margin and padding.

  • Margin: creates space around layers and blocks
  • Padding: creates space within layers and blocks

Learn more about these values and how they are used:  

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the Steps block above to narrow the gap between the two blocks.

Pro Tip

Negative values can be set for margins to achieve overlapping of content. For example, if a -20px top margin is applied, that will move the element 20px towards the top of the page. A bottom margin of -20px will move content following that element 20px closer vertically.

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.