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 Designer.

Open the Size Expander.

Add  values to adjust the following fields, to fine-tune positioning of content.

Margin: The pixel values for creating space around content layers and blocks.

Padding: The pixel values for creating space within content layers and 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 Steps block above to narrow the gap between the two blocks.
  • 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.
  • Learn more about the .

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.
  • Replace me with a link
  • Replace me with a link
  • Aim for 4 or fewer related links.  If we need more, that's okay.  Be judicious.  Delete me when you're done.