Section Overview

Organize your Yeeflow pages with Sections, enhancing layout clarity and content structure for better navigation and presentation.

Updated over a week ago

Use sections to create separate blocks of content and divide the page into meaningful segments.

A section is a layout element with a width of 100% that extends across the full width of the browser window. Sections play an important role in the structure and layout of a page. Sections let you create separate blocks of content and divide the page into meaningful segments.

Add a Section

You can add a Section control to your page from the Controls panel. By default, the Section will span across the full width of the body.

And by default, each section include 1 column inside. You can add multiple columns in one section.

Pro Tip

To have a good, consistent page structure, add sections in the page, then organize your content in columns placed inside these sections.

Layout Settings

The content width of a section is 100% by default. You can also set a specific width (fixed with px.) in the layout settings panel.

The height of a Section automatically adjusts to its content — as you add controls, the section grows taller. You can also set a min height.

Style a Section

Background (Normal & Hover)

Choose between Classic (which allows you to set a background color or image), Gradient (allowing you to set a color gradient background), Video background, or an image Slideshow background.

Border (Normal & Hover)

  1. Border Type: Set a Border Type

  2. Border Radius: Set your Border Radius

  3. Box Shadow: Add a Box Shadow


Set Typography Colors for the section.

Advanced settings

Set the margin and padding to leave the spaces outside and inside contents. A Section's padding also affects its height. It’s best practice to set a Section's top and bottom padding and add content to let it adjust accordingly.

Did this answer your question?