Layout

Layout

Depending on layout option each row (area) can be:

Full Full width rows (areas) will auto span to match the width of the parent container. Columns will still span up to the maximum website width (1000 or 1200px).
Fixed Fixed width rows (areas) have a maximum fixed width depending on the website maximum width (1000 or 1200 pixels).
Fixed (separate) Same as fixed rows, with the difference that there is no spacing between columns and they are border separated.
When you set wrapper layout to fixed, the maximum width of all wrapped areas (header, menu, intro, content wrap, footer and bottom) will be limited to the width of the wrapper.
Important: Layout is available only for areas and rows.
Extra class Insert extra class(es) for additional css styling. Separate multiple classes with space.
Margin

Space between block and column boundaries. Margin left/right is available only for content blocks and rows.

Important

Only values from -50 to 50 pixels are accepted with a step of 5 pixels, e.g. 0, 5, 10, 15 etc. Custom numbers that are not divisible by 5 will not work!

Padding

Space between the element border and the element content.

Important

Only values from 0 to 50 pixels are accepted with a step of 5 pixels, e.g. 0, 5, 10, 15 etc. Custom numbers that are not divisible by 5 will not work!

Column spacing

Space between columns. There is no column spacing for rows with fixed (separate) layout.

Important

Column spacing can be 0, 10, 20, 30, 40 or 50 pixels. Other custom values will not work!

Inner padding Inner padding for the entire column for rows with fixed (separate) layout.

style_overlay_thumb

Default Skin Layout Settings

Wrapper – Layout: Full / Margin: 0 / Padding: 0
Header – Layout: Full / Margin bottom: 40px / Padding: 0
Intro – Layout: Fixed / Margin bottom: 30px / Padding: 0
Content wrap – Layout: Fixed / Margin bottom: 40px / Padding: 30px
Footer – Layout: Full / Margin: 0 / Padding top: 30px / Padding bottom: 30px
Bottom – Layout: Full / Margin: 0 / Padding top: 30px / Padding bottom: 30px


style_overlay_1_thumb

Stylish Skin Layout Settings

Wrapper – Layout: Fixed / Margin top: 30px / Margin bottom: 30px / Padding: 0
Header – Layout: Full / Margin bottom: 30px / Padding: 0
Menu – Layout: Full / Margin: 0 / Padding right/left: 30px
Intro – Layout: Full / Margin top: 30px / Padding right/left: 30px
Content wrap – Layout: Full / Margin top: 30px / Margin bottom: 30px / Padding right/left: 30px
Footer – Layout: Full / Margin: 0 / Padding: 30px
Bottom – Layout: Full / Margin: 0 / Padding: 30px.