23

Funnel Editor

Last Update 9 bulan yang lalu

Introduction to the Funnel Editor Elements, Rows, and Settings: Understanding the Editor Sidebar Working with padding How do I select a row vs. content? Row Properties

Row Properties

Take a quick look at all the settings available in Rows.

Kevin Penner

Last Update 9 bulan yang lalu

Rows are the primary structural element for any step you create in a Funnel. Any element that you drag and drop onto the canvas is placed into a row.


Rows allow your design to be mobile-responsive. They adjust their width automatically to fit the screen of the device that the design is viewed on. In other words, there are no hard-coded values applying to row size.

Row Properties
By selecting an entire row, you can apply design elements to several content blocks at the same time. Here's how you can select and work with rows:
  1. Hover your mouse over an empty area on the canvas, either to the left or right of the content area width.
  2. Click outside of the content area to select the entire row.

Once selected, the editor sidebar will display several row properties. You can use these options to apply settings to the entire row. These options are broken up into sections to help you better identify them:

Row Options

The Backgrounds Row Properties provide you with the following customization options:

  • Width/height settings - Set the base, minimum, and maximum height and width for the row to have full control over how the row displays
  • Gap between columns - Set the distance between columns inside the row
  • Do not stack columns on mobile - By default columns move to be on top of each other on mobile instead of being side by side. This option prevents that from happening
  • Row Background Image - add a background image for the row
  • Position - Set the row to Relative (Row and its content stay in the position placed), Sticky (Row and its element stick to a position on the step based on the below top/left/right/bottom options), or Absolute (Row and its elements float in a fixed position on the step)

Columns Settings

Column settings provides you with the following customization options:

  • Number of columns
  • Column size ratio
  • Column gap between elements
  • Column background color
  • Column content alignment
  • Column content justification
  • Column padding

Each column within a row has its own Columns Structure option. You can learn more about using columns in Column management.

Block Options

The block options provide you with the following customization options:

  • Element Alignment
  • Padding
  • Background color
  • Hide on (Desktop/mobile)

Was this article helpful?

0 out of 0 liked this article

Still need help? Message Us