Adjusting the padding on a row

Adjusting the padding on a row

This article will guide you through adjusting the padding on the rows with the website manager.

Editing the row

  1. Click "Edit" on the page in your page list that you would like to adjust the padding for a row on

  2. Hover over the row and click the settings cog in the bottom right

  1. You will now have the row settings displaying, within this screen you should be able to add some of the following classes in order to adjust the padding

Padding classes

Below are a list of classes that are supported for adjusting the padding on these rows:
  1. "container-style-padding-xxx" - sets all padding for the row
  2.  "container-style-padding-top-xxx" - sets the top padding for the row
  3.  "container-style-padding-bottom-xxx" - sets the bottom padding for the row
In the 3 classes listed above, you can replace the "xxx" with a value at increments of 5, from 0 to 150. This value tells the class how many pixels of padding should be added to the row.

An example of one of these classes being used would be:
      container-style-padding-top-100
Which would add 100 pixels of padding to the top of the row.