Most section types have some additional display options that can accessed with the Section Options cog icon shown next to the section's thumbnail on the left side of the editor screen.

https://cdn.elev.io/file/uploads/p9jpW4cYPyd717Yrl8GDNdjJSSFuIbXFNYXBroJVATQ/ZFlphW_oh3HbMtQ2opywPnNUNSv0tctQjuX2qXsqLzA/settings-D88.gif


Depending on the section type, options may include changing the theme colours, section size, and/or changing how background images and text interact with story scrolling.

Some options in detail:

Header

The Section Options provide a way to modify various header elements. 

Options include hiding the header, removing header logos and changing the header and navigation-item colours.

More detail on the header section can be found here.
Theme

If your story's theme allows for multiple colour options, the options can be applied with the Section Options Theme selector.

https://cdn.elev.io/file/uploads/p9jpW4cYPyd717Yrl8GDNdjJSSFuIbXFNYXBroJVATQ/fYf46nATGO8lM4XrmaWpyet0njdWi1Ri6-pHiRq5FJU/light-dark-text-ksA.gif


For text-dominant sections, the Theme options will change text and background colours. For image-dominant sections, the Theme options may change text and background colours as well as the colours available as an image overlay.

Overlay

The Overlay option can be applied to Title, Text Over Media and Background Scrollmation sections. It adds a tinted layer between the background and text in order to help the text stand out. The colour of the tint is determined by your story theme and its opacity is set with a slider.  Depending on your story theme, you may have multiple colour options available to choose from.

https://cdn.elev.io/file/uploads/p9jpW4cYPyd717Yrl8GDNdjJSSFuIbXFNYXBroJVATQ/4txIeW18norpj4u7_A7nZz2F22o4n8xq15wXgvn7Ios/light-dark-ZBo.gif


In Background Scrollmation sections, the overlay applies to the text column.  Its opacity can be modified with a slider, and your theme may also allow for setting the overlay to multiple colours.

In Title and Text Over Media  sections, overlay options also include an overlay type, that allows for the tinted layer to fill the section or to apply to only a portion of it: as a vignette around the edges, or gradient from any of the four sides of the section.


Section Height

The height section option is available in Title and Text Over Media sections. It changes the amount of screen-height the section will occupy.

https://cdn.elev.io/file/uploads/p9jpW4cYPyd717Yrl8GDNdjJSSFuIbXFNYXBroJVATQ/K4th9MJbtrvnCy2ZLjz0aKXQZMly96KlX8HR6Sl5qkQ/half-height-PWs.gif


Please note: text that displays fine in a half-height or third-height section on a desktop computer or tablet may not all fit on a phone display, so be sure to test your Title section on a number of devices and browsers at different resolutions - especially if you are using half or third-height options.

Position

The position section option is available in Title and Text Over Media sections when using an image (not video) as the background. The two position options available are fixed and scrolls and they determine what happens to the section when the user scrolls down and up the page. The scrolls option sets the whole section to scroll at the same rate as the regular text on the page, with both the background and text scrolling at the same rate together. The fixed option causes the background image to stay in place while the text on top scrolls.

https://cdn.elev.io/file/uploads/p9jpW4cYPyd717Yrl8GDNdjJSSFuIbXFNYXBroJVATQ/4gu8PUhJzL0MMoGeEVwrWRzBd_5TOYD9lecZuEr6Zpo/scrolls-fixed-2-FR0.gif
Please note: we don't support fixed position video at this time as its performance suffers on some browsers. Specifically, Microsoft Edge has problems with flickering and blocky rendering when multiple half/third-height videos are placed adjacent to each other.

We'll be revisiting fixed position video when a new version of Edge is released.


Full / Half layout (in Title and Text Over Media sections)

Title and Text Over Media sections support having text overlaid directly on top of a background image, or placed in a dedicated half of the screen over a solid background colour. You have the choice to place your text on the left or right of wide screens and on the top or bottom of tall screens. 


Transition (in Background Scrollmation sections)

The transition section option applies to Background Scrollmation sections and adds a fast fade or slow fade effect between each of the images in the section.

https://cdn.elev.io/file/uploads/p9jpW4cYPyd717Yrl8GDNdjJSSFuIbXFNYXBroJVATQ/e-PQlV95Zq-UXb144HTqQeLQQ3GH_2VzhPUyhoB6H98/bgs-fade-7mo.gif


Text fade

Title, Text Over Media and Background Scrollmation sections include one or more options for enabling text to fade on scroll. Having text fade in or out can give a little more time for your images to dominate the screen.

https://cdn.elev.io/file/uploads/p9jpW4cYPyd717Yrl8GDNdjJSSFuIbXFNYXBroJVATQ/axndYl5gAYhH6Lp8gCB9kjv11fCo2PLyAKC5oc_a4kE/text-fade-_HA.gif