Section and wrap settings
Settings of a section (the full-width band of the page) and of a wrap (a column inside it, which can hold elements and other wraps).
Section
Content
| Setting | Type | Default | Details |
|---|---|---|---|
| Width | List | Boxed content | Choices: Boxed content · Full-width content · Full width, no side space. |
| Minimum height | Number | — | Per device. |
| Vertical alignment | List | Top | Choices: Top · Middle · Bottom · Stretch. |
| Wrap layout | List | Columns (wrap widths) | Zones suit header and footer rows: the first wrap sits at the start, the last at the end, a middle one in the center; items in a zone line up side by side. Choices: Columns (wrap widths) · Start, center and end zones. |
| Space between wraps | Number | — | Per device. |
| Show the wraps as a slider | On / off | Off | Each wrap becomes a slide on the site. In the builder the wraps stay side by side, so they are easy to edit. |
| Slides at once | Number | Desktop: 1 | Per device. |
| Change effect | List | Slide | Choices: Slide · Fade (one slide at once). |
| Arrows | List | Over the slides | Choices: Over the slides · Beside the slides · None. |
| Position indicator | List | Dots | Choices: Dots · Numbers (2 / 5) · Progress bar · None. |
| Play automatically | On / off | Off | Pauses on hover; a pause button is shown. Off for visitors who prefer less motion. |
| Time per slide (seconds) | Number | 5 | |
| Loop | On / off | On |
Style
| Setting | Type | Default | Details |
|---|---|---|---|
| Typography | Typography | — | |
| Text color | Color | — | |
| Text color on hover | Color | — | |
| Background | Background | — | |
| Background color on hover | Color | — | |
| Padding | Sizes | — | Per device. |
| Margin | Sizes | — | Per device. |
| Border | List | — | Choices: None · Solid · Dashed · Dotted · Double. |
| Border width | Sizes | — | Per device. |
| Border color | Color | — | |
| Border color on hover | Color | — | |
| Corner radius | Number | — | Per device. |
| Box shadow | Shadow | — | |
| Box shadow on hover | Shadow | — | |
| Overlay | Background | — | A color, gradient or image over the background (and the video), under the content. |
| Overlay opacity | Number | 60 | |
| Background video | List | — | Choices: None · Video file · Aparat · YouTube · Vimeo. |
| Video file | File | — | MP4 or WebM, short and small: it plays muted in a loop. |
| Video link | Text | — | The video page or share link. Embedded videos start only if the site allows it; until then the poster shows. |
| Poster image | Image | — | Shown while the video loads, on phones (unless the video plays there), and for visitors who prefer less motion. |
| Play the video on phones | On / off | Off | |
| Top shape divider | List | — | Choices: None · Wave · Layered waves · Curve · Hollow curve · Tilt · Triangle · Arrow · Mountains · Zigzag · Clouds. |
| Divider color | Color | — | Usually the background color of the next section. Empty: the page background. |
| Divider height | Number | — | Empty: 70 px. Per device. |
| Flip the divider | On / off | Off | |
| Bottom shape divider | List | — | Choices: None · Wave · Layered waves · Curve · Hollow curve · Tilt · Triangle · Arrow · Mountains · Zigzag · Clouds. |
| Divider color | Color | — | Usually the background color of the next section. Empty: the page background. |
| Divider height | Number | — | Empty: 70 px. Per device. |
| Flip the divider | On / off | Off |
Advanced
| Setting | Type | Default | Details |
|---|---|---|---|
| Hide this row when the header sticks | On / off | Off | For header templates with a sticky header, for example to hide a top bar. |
| HTML tag | List | section | Choices: section · div · header · footer · aside. |
| CSS ID | Text | — | Also the anchor for one-page menu links, like #services. |
| CSS classes | Text | — | |
| Entrance animation | List | — | Choices: None · Fade in · Fade in upward · Fade in downward · Fade in from the start side · Fade in from the end side · Zoom in · Zoom out · Flip. |
| Animation delay | Number | 0 | |
| Animation duration | Number | 700 | |
| Sticky | List | — | Stays in view while its parent scrolls past. Choices: Off · Stick to the top · Stick to the bottom. |
| Sticky offset | Number | — | Per device. |
| Z-index | Number | — | |
| Hide on | Several choices | — | Choices: Desktop · Laptop · Tablet · Mobile. |
| Show to | List | — | If you use a page cache, make sure it does not serve cached pages to logged-in users. Choices: Everyone · Logged-in users · Visitors who are not logged in. |
| Only these user roles | Several choices | — | None ticked means every role. Choices: Administrator · Editor · Author · Contributor · Subscriber · Customer · Shop manager. |
| Show from | Date and time | — | In the site's time zone. Empty means no limit. |
| Show until | Date and time | — | |
| Custom CSS | Code | — | Use "selector" for this item, e.g. selector { opacity: .9; }. |
Wrap
Content
| Setting | Type | Default | Details |
|---|---|---|---|
| Width | size | Desktop: 1/1 | Wraps are full width on mobile unless you set a mobile width. Per device. |
| Vertical alignment | List | Top | Choices: Top · Middle · Bottom · Stretch. |
Style
| Setting | Type | Default | Details |
|---|---|---|---|
| Typography | Typography | — | |
| Text color | Color | — | |
| Text color on hover | Color | — | |
| Background | Background | — | |
| Background color on hover | Color | — | |
| Padding | Sizes | — | Per device. |
| Margin | Sizes | — | Per device. |
| Border | List | — | Choices: None · Solid · Dashed · Dotted · Double. |
| Border width | Sizes | — | Per device. |
| Border color | Color | — | |
| Border color on hover | Color | — | |
| Corner radius | Number | — | Per device. |
| Box shadow | Shadow | — | |
| Box shadow on hover | Shadow | — |
Advanced
| Setting | Type | Default | Details |
|---|---|---|---|
| CSS ID | Text | — | Also the anchor for one-page menu links, like #services. |
| CSS classes | Text | — | |
| Entrance animation | List | — | Choices: None · Fade in · Fade in upward · Fade in downward · Fade in from the start side · Fade in from the end side · Zoom in · Zoom out · Flip. |
| Animation delay | Number | 0 | |
| Animation duration | Number | 700 | |
| Sticky | List | — | Stays in view while its parent scrolls past. Choices: Off · Stick to the top · Stick to the bottom. |
| Sticky offset | Number | — | Per device. |
| Z-index | Number | — | |
| Hide on | Several choices | — | Choices: Desktop · Laptop · Tablet · Mobile. |
| Show to | List | — | If you use a page cache, make sure it does not serve cached pages to logged-in users. Choices: Everyone · Logged-in users · Visitors who are not logged in. |
| Only these user roles | Several choices | — | None ticked means every role. Choices: Administrator · Editor · Author · Contributor · Subscriber · Customer · Shop manager. |
| Show from | Date and time | — | In the site's time zone. Empty means no limit. |
| Show until | Date and time | — | |
| Custom CSS | Code | — | Use "selector" for this item, e.g. selector { opacity: .9; }. |