Skip to main content
All CollectionsSitesWebsites
How Do I Use the Sections, Rows, and Columns in the Page Builder?
How Do I Use the Sections, Rows, and Columns in the Page Builder?

The visual builder uses a combination of sections, rows, and columns to set the structure of your page.

Updated over a week ago

FEA Create uses a block editor which means you can organize your sections, rows, and columns. This will help you not only organize your content easily for your viewers but also give you a beautiful design and flow to your website.

Here is how to use rows, columns, and sections in the FEA Create Visual Builder. The Visual Builder provides a block editor interface that allows you to create and design different layout aspects on your web pages. Let's dive into the functionalities and options available.

1. Sections:

  • The Visual Builder is structured using sections, which serve as the main building blocks of your page.

  • Each section can be managed individually. By clicking on the section, you can access various options.

  • Within the section settings, you can move sections around, hide them from view, duplicate them, or delete them entirely.

2. Rows:

  • Sections are further divided into rows, which enable you to arrange content horizontally.

  • Like sections, rows can be managed individually. You can see different rows and columns within each row.

  • Options for rows include duplicating, deleting, and moving them within a section.

3. Columns:

  • Rows are divided into columns, allowing you to structure your content vertically.

  • You can manage columns within each row, providing flexibility in designing your page layout.

  • Similar to sections and rows, columns can be duplicated, deleted, or moved around as needed.

Working with Sections, Rows, and Columns:

  • To add a new section, you can select from options such as full-width sections, wider sections, medium-sized sections, or small sections. Full-width sections are often the preferred choice.

  • Clicking on the section will add it to your page. You can also perform the same actions on a lower level, such as within rows or individual elements within columns.

  • Editing the settings of a column allows you to modify various properties, such as background color, content alignment, padding, margins, borders, and more.

  • By customizing these settings, you can achieve the desired visual effects and design elements in your columns, rows, and sections.

Utilizing the design options in FEA Create's Visual Builder empowers you to create visually appealing and well-structured web pages. Experiment with different layouts, alignments, colors, and other design aspects to bring your website to life.

Remember, sections, rows, and columns can be managed individually, allowing you to fine-tune your page design. Whether it's duplicating, deleting, or moving elements, the Visual Builder provides the flexibility needed to create the perfect layout.

Did this answer your question?