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:

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' section option can be applied to Title and Text Over Media 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 you may have multiple options available to choose from.

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


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

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 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