Element Settings: Size & Spacing

Modified on Thu, 16 Nov, 2023 at 5:56 PM

This article will discuss the size and spacing settings for elements on your pages. These settings control the amount of space an element will occupy on the page and the spacing around it.

Requirements:

An active ClickFunnels 2.0 account
A page
At least one of the supported elements

Table of Contents:

Full Width
Padding Sides
Padding Vertical
Width
Top
Bottom
Align

Full Width:

Control whether or not the element will occupy the entire horizontal space of its container (column or row).

Important Note: This setting is only available for the General: Button element.

Enabled: The element will occupy the entire width of its container (column or row).
Disabled: The element will only occupy the space it needs to fit the content inside of it.

Padding Sides:

This setting will control the space on the left and right between the element border and its inner content.

Important Note: This setting is only available for the General: Button element.

Example:

Padding Vertical:

This setting will control the space on the top and bottom between the element border and its inner content.

Important Note: This setting is only available for the General: Button element.

Example:

Width:

This setting controls the width of the element. You can switch between a percentage or pixel unit by clicking the unit icon.

Important Note: This setting is only available for the Course: Contact Profile element.

Top:

This setting will control the amount of space above the element.

Important Note: This setting is only available for the Course: Contact Profile element.

Example:

Bottom:

This setting will control the amount of space below the element.

Important Note: This setting is only available for the Course: Contact Profile element.

Example:

Align:

This setting will determine the horizontal position of the element within its container (column or row).

Important Note: This setting is unavailable for your Button element if Full Width is Enabled.

Left: Keep the element on the left side of its container.
Center: Keep the element in its container's center (horizontally).
Right: Keep the element on the right side of its container.

Supported Elements:

This setting can be found in the following elements: