Skip to main content

Frontend: “Add to the section” functionality

How the frontend “Add to the section” function works

Written by Danica Nilsson Hennelly
Updated over a week ago

You can customize the background color on both sections and flow pages, allowing for greater flexibility in design.

However, if different background colors are applied to the gameflow section and its corresponding flow page, the platform’s default padding make both backgrounds visible. This can result in an unintended visual contrast, which may not align with your desired design.

Example

What "Add to the section" does

When toggling "Add to the section" on the selected flow page, the background color of that flow page is applied to the entire section.

This ensures a consistent background color across the game flow section without requiring adjustments to the flow page’s height or width.

Note: By default, this setting applies the background color across all flow pages. However, it can be configured individually per flow page, allowing you to use different background colors for each section if needed.

How to apply this feature

  1. In the frontend, open the editor, select the desired flow page, and go to the "Style" tab.

2. After defining your background color, toggle "Add to the section."

3. The entire section will now display the same background color.

Did this answer your question?