Rows

What is a Row?

Rows are containers in which all site content is held. All content on a page is added within a row.

Adding a Row

Click on the large “+” underneath the page title

Screen Shot 2015-05-14 at 1.40.37 PM

Select “Row” from the options

Screen Shot 2015-05-14 at 1.41.50 PM

Editing Rows

A variety of edits can be made to a row in order to achieve the look and feel you desire for the page.

Separating a Row into Columns

 

 

Above the row on the left is a tab that allows you to select a pre-built column structure or create a custom one of your own

Screen Shot 2015-05-14 at 2.41.57 PM

Note: The number of columns in a row must add up to 12 and cannot be any smaller than 1/12 of a row

For example:

Screen Shot 2015-05-14 at 3.08.30 PM

Changing the Background Color

Click on the pencil above the row to open the “Row settings”

Screen Shot 2015-05-14 at 1.46.35 PM

Open the “Design Options” tab

Screen Shot 2015-05-14 at 1.46.45 PM

Click “Select Color” and enter the Hex value or use the color picker to change the background color of a row

Screen Shot 2015-05-14 at 1.47.38 PM

Adding a Background Image

Click on the pencil above the row to open the “Row settings”

Screen Shot 2015-05-14 at 1.46.35 PM

Open the “Design Options” tab

Screen Shot 2015-05-14 at 1.46.45 PM

Click the green “+” to add an image to the background

Screen Shot 2015-05-14 at 2.54.38 PM

Adding Spacing

Click on the pencil above the row to open the “Row settings”

Screen Shot 2015-05-14 at 1.46.35 PM

Open the “Design Options” tab

Screen Shot 2015-05-14 at 1.46.45 PM

Use the CSS editor to add spacing (in px) in the form of margin or padding.

Screen Shot 2015-05-14 at 1.48.27 PM

 

Exodus Help