Please scroll to bottom and click "Try this" to see preview of builder setting.

Front-end Builder Elements

Building Professional Sites With Ease

Sections

How to create sections ?

  • Login on front-end with your builder account
  • Go to page that you want to edit content
  • Change "Active Builder" on top panel to "Yes"
  • Click "Add New Section" button to add new section

Section General Setting

  • Class name: custom class name (use it to add custom style for section)
  • Background gradient: set background gradient for section
  • Background color: set background color for section
  • Padding bottom: set padding bottom for section
  • Background repeat: set background repeat for section
  • Paralax: set paralax background for section
  • Background cover: set background cover for section
  • Padding top: set padding top for section

Background Color

Background Gradient

Background Image

Section Columns Config

For each section, you can divide it into multiple columns, and for each column you can set different views on the desktop, tablet, mobile.
Desktop: 12 | Tablet: 12 | Mobile: 12

Desktop: 6 | Tablet: 6 | Mobile: 12
Desktop: 6 | Tablet: 6 | Mobile: 12

Desktop: 4 | Tablet: 4 | Mobile: 12
Desktop: 4 | Tablet: 4 | Mobile: 12
Desktop: 4 | Tablet: 4 | Mobile: 12

Desktop: 3 | Tablet: 6
Desktop: 3 | Tablet: 6
Desktop: 3 | Tablet: 6
Desktop: 3 | Tablet: 6
Copyright © 2013-present Magento, Inc. All rights reserved.