Spacing: Use these inputs to configure the top and bottom spacing of your section. This can be useful to increase or decrease the height of a section, reduce spacing between sections which share the same background color, or scale this spacing based on screen size when using certain types of backgrounds.
- Top Padding (Desktop): None, Extra, Small, Small, Medium, Large, Extra Large, Custom
- Top Padding (Laptop): Same as Desktop, None, Extra Small, Small, Medium, Large, Extra Large, Custom
- Top Padding (Tablet): None, Extra Small, Small, Medium, Large, Extra Large, Custom
- Top Padding (Mobile): Same as Tablet, None, Extra Small, Small, Medium, Large, Extra Large, Custom
- Bottom Padding (Desktop): None, Extra, Small, Small, Medium, Large, Extra Large, Custom
- Bottom Padding (Laptop): Same as Desktop, None, Extra Small, Small, Medium, Large, Extra Large, Custom
- Bottom Padding (Tablet): None, Extra Small, Small, Medium, Large, Extra Large, Custom
- Bottom Padding (Mobile): Same as Tablet, None, Extra Small, Small, Medium, Large, Extra Large, Custom
Text Color Override: These inputs override the color of any text which appears directly on your background. Use these to make all text use a light color when using a darker background to ensure the text is legible. NOTE: Elements other than text may be affected as well and some text may not necessarily be white.
- White Text on All Screens: Boolean (check to enable)
- White Text on Desktop: Boolean (check to enable)
- White Text on Laptop: Boolean (check to enable)
- White Text on Tablet: Boolean (check to enable)
- White Text on Mobile: Boolean (check to enable)
Layout Controls: This group contains inputs which are unique to this section for controlling the overall layout or style. Depending on the section, some inputs outside of this section may change based on the configuration here.
- Header: Content Alignment: Single Choice: Left-Aligned, Center-Aligned
- Header: Content Alignment (Mobile): Single Choice: Left-Aligned, Center-Aligned
- Columns: Container Width: Single Choice: Width of Grid, Width of Window
- Columns: Number of Columns (Desktop): Single Choice: 1, 2, 3, 4, 5, 6
- Columns: Number of Columns (Laptop): Single Choice: 1, 2, 3, 4
- Columns: Number of Columns (Tablet): Single Choice: 1, 2, 3, 4
- Columns: Number of Columns (Mobile): Single Choice: 1, 2, 3, 4
- Columns: Add Drop-Shadow Around Columns: Boolean (check to enable)
- Columns: Add Border-Radius (Rounded Borders) Around Columns: Boolean (check to enable)
- When Columns: Add Border-Radius (Rounded Borders) Around Columns is enabled then the following will appear as an option.
- Columns: Border Radius Type: Single choice: Default Border Radius, Custom Border Radius
- Based on your selection for Cards: Border Radius Type, the following inputs will show.
- Option: Default Border Radius
- Option: Custom Border Radius
- Columns: Custom Border Radius: Number Slider
- Columns: Border Width: Number Slider
- Columns: Border Color: Single Choice: Primary, Secondary, Black, Dark Grey, Grey, Light Grey, White, Custom.
- If you select Custom the following inputs will show:
- Columns: Custom Border Color: Numerical Hex Code Input, Opacity Percentage, and Color Picker - The opacity for this module is intended to be 100%, otherwise your color will display lighter than intended.
- Columns: Text Color Override: Single Choice: Default, White - This module will override any text which appears in your columns. Use this module to make all text white when using a darker background color to ensure the text is legible.
- Columns: Background Color: Single Choice: Primary, Secondary, Black, Dark Grey, Grey, Light Grey, White, Custom.
- If you select Custom the following inputs will show:
- Columns: Custom Background Color: Numerical Hex Code Input, Opacity Percentage, and Color Picker - The opacity for this module is intended to be 100%, otherwise your color will display lighter than intended.
- Columns: Highlight Price in a Different Color: Boolean (check to enable)
- When Columns: Highlight Price in a Different Color is enabled then the following will appear as an option
- Columns: Price Text Color Override: Single Choice: Default, White - This module will override any text which appears in your column's price area. Use this module to make all text white when using a darker background color to ensure the text is legible.
- Columns: Price Background Color: Single Choice: Primary, Secondary, Black, Dark Grey, Grey, Light Grey, White, Custom.
- If you select Custom the following inputs will show:
- Columns Custom Background Color: Numerical Hex Code Input, Opacity Percentage, and Color Picker - The opacity for this module is intended to be 100%, otherwise your color will display lighter than intended.
- Columns: Pricing Information Content Type: Single Choice: Rich Text, Bullets (List of Features or Lack Thereof)