The Layout & Design tool is set up in rows and columns, creating zones in a grid pattern. This provides you with endless flexibility to customize your template.

1) Add a row:

[rebelmouse-proxy-image https://media.rbl.ms/image?u=%2Fmedia.forumbee.com%2Fi%2F004e793e-363b-4cd7-978e-004558832f0b%2F547.png&ho=https%3A%2F%2Fs3-us-west-2.amazonaws.com&s=629&h=8e73879a03b67102b884b6c7b6dc013ff715b1633926efc4ec71574b70c30729&size=980x&c=1348749264 crop_info="%7B%22image%22%3A%20%22https%3A//media.rbl.ms/image%3Fu%3D%252Fmedia.forumbee.com%252Fi%252F004e793e-363b-4cd7-978e-004558832f0b%252F547.png%26ho%3Dhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%26s%3D629%26h%3D8e73879a03b67102b884b6c7b6dc013ff715b1633926efc4ec71574b70c30729%26size%3D980x%26c%3D1348749264%22%7D" caption="" pin_description="" image-library="0" expand=1 photo_credit=""]

2) Add a column:

[rebelmouse-proxy-image https://media.rbl.ms/image?u=%2Fmedia.forumbee.com%2Fi%2Fc10c89a7-e540-4590-a1ec-103402ebdeca%2F547.png&ho=https%3A%2F%2Fs3-us-west-2.amazonaws.com&s=427&h=7496a89248a6b2801ab4ea7cde432e9136a978898497ccdaa6af1db37ac34107&size=980x&c=1811712416 crop_info="%7B%22image%22%3A%20%22https%3A//media.rbl.ms/image%3Fu%3D%252Fmedia.forumbee.com%252Fi%252Fc10c89a7-e540-4590-a1ec-103402ebdeca%252F547.png%26ho%3Dhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%26s%3D427%26h%3D7496a89248a6b2801ab4ea7cde432e9136a978898497ccdaa6af1db37ac34107%26size%3D980x%26c%3D1811712416%22%7D" caption="" pin_description="" image-library="0" expand=1 photo_credit=""]

All columns can be set to be different widths, we have a slider that you can toggle it on:

[rebelmouse-proxy-image https://media.rbl.ms/image?u=%2Fmedia.forumbee.com%2Fi%2Feec75acd-7494-431f-af79-38710738e8ef%2F547.png&ho=https%3A%2F%2Fs3-us-west-2.amazonaws.com&s=965&h=47f696a2d535720ddd69a83ef42b9d89d6caf4c0508b39fc630feb1040483887&size=980x&c=3246639829 crop_info="%7B%22image%22%3A%20%22https%3A//media.rbl.ms/image%3Fu%3D%252Fmedia.forumbee.com%252Fi%252Feec75acd-7494-431f-af79-38710738e8ef%252F547.png%26ho%3Dhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%26s%3D965%26h%3D47f696a2d535720ddd69a83ef42b9d89d6caf4c0508b39fc630feb1040483887%26size%3D980x%26c%3D3246639829%22%7D" caption="" pin_description="" image-library="0" expand=1 photo_credit=""]

3) To these rows and columns, add key elements that set up the meat of your site -- the content that's visible to audiences.

The elements offered include:

[rebelmouse-proxy-image https://media.rbl.ms/image?u=%2Fmedia.forumbee.com%2Fi%2Fbfd0b0a2-6b6f-4302-96c1-fa21a3a4eceb%2F547.png&ho=https%3A%2F%2Fs3-us-west-2.amazonaws.com&s=335&h=0656f869d504a885e8600484b19c69a1118b1f8dffa2ea101d77fb4028c594e5&size=980x&c=2520693813 crop_info="%7B%22image%22%3A%20%22https%3A//media.rbl.ms/image%3Fu%3D%252Fmedia.forumbee.com%252Fi%252Fbfd0b0a2-6b6f-4302-96c1-fa21a3a4eceb%252F547.png%26ho%3Dhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%26s%3D335%26h%3D0656f869d504a885e8600484b19c69a1118b1f8dffa2ea101d77fb4028c594e5%26size%3D980x%26c%3D2520693813%22%7D" caption="" pin_description="" image-library="0" expand=1 photo_credit=""]

[rebelmouse-proxy-image https://media.rbl.ms/image?u=%2Fmedia.forumbee.com%2Fi%2Ff2463851-0f5f-4fdd-973b-1f0df3a4f023%2F547.png&ho=https%3A%2F%2Fs3-us-west-2.amazonaws.com&s=161&h=114fb2ccb83470cff48684996f38e6f0f0d8118860d572389030b368490fd4c3&size=980x&c=3521953663 crop_info="%7B%22image%22%3A%20%22https%3A//media.rbl.ms/image%3Fu%3D%252Fmedia.forumbee.com%252Fi%252Ff2463851-0f5f-4fdd-973b-1f0df3a4f023%252F547.png%26ho%3Dhttps%253A%252F%252Fs3-us-west-2.amazonaws.com%26s%3D161%26h%3D114fb2ccb83470cff48684996f38e6f0f0d8118860d572389030b368490fd4c3%26size%3D980x%26c%3D3521953663%22%7D" caption="" pin_description="" image-library="0" expand=1 photo_credit=""]

Row

These are horizontal areas which you can combine with Columns to define your grid.

Column

These are horizontal areas which you can combine with Rows to define your grid.

Posts

A zone on the page populated with posts from a section. This is what fills the page with posts.

Conditional Content

Show specific elements per device. For example, if you want to add a piece of Custom HTML just for mobile, you should add a Conditional Content element and then insert it in it.

Shared Element

Insert an element shared across other pages (i.e. Top Bar, Side Bar, or Footer).

Text

Add any text you'd like to a zone on your site.

Image

Add any image you'd like to a zone on your site.

Heading

Choose a title for a zone on your site. Start delimiting spaces for your content.

Links List

Create a list of important links for your site. For example: a link list of your legal disclaimers for your footer.

Social Links

Link out to your social media pages to expand your online presence.

Custom HTML

Insert any custom HTML to your site and embed creative new assets. For example: want to embed a YouTube video in the Home Page? This makes it possible.

Newsletter

Offer your readers a way of getting periodic updates through email.

Subscription Widget

Offer your readers a way to stay connected.

Header Code

Add code throughout the site with a simple header code element.

Ad Header Code

A simple way of adding header code required for some ad placements.

Ad Tag

Add advertisements to your site with this element. You can enter a code for each device type.

Facebook Widget

Give visitors quick access to your FB page with a Facebook widget.

Post Content (in the Post Page)

Add content to your posts: the author and date, share buttons, body text, similar article links, tags and comments.

These are your main tools for creating an amazing site!

Next: Configuring Home + Section Pages