Elements: Rows and Columns, the key to unlocking flexibility
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
From Google
