Common Section Fields
Settings for every section
It's important to note that every section comes equipped with a consistent set of properties referred to as
containerFields allow you to customize the appearance and behavior of each section to meet your specific needs.
One of the key functions of these
containerFields is the ability to add specific CSS classes to the section wrapper. These classes serve as styling hooks, allowing you to exert control over how each section appears and functions on your website:
- You can use these classes to easily disable a section when needed, ensuring it doesn't appear on your webpage.
- Applying animations, adding a touch of interactivity and engagement to your content.
- When it comes to layout, you can define whether the "content" of a section should have a narrow width, a predefined container width, or expand to the maximum available width. The section itself will always stretch to the maximum available width.
- The containerFields also empower you to set background colors or images, enabling you to craft visually appealing and immersive sections.
- Furthermore, you have the option to adjust text styles to either dark or light, ensuring optimal readability and visual contrast.
To truly grasp the potential of these containerFields, we highly recommend exploring and experimenting with them using the interactive sandbox feature. This hands-on experience will allow you to see firsthand how these properties can be harnessed to create sections that perfectly align with your design and content goals. It's all about putting you in control of your website's look and feel, effortlessly.
Common Section Fields
- container: ""
container- The type of section to render.
section. Defaults to
name- The name of the section. Determines the template to use. For example,
isDisabled- Whether the section should be disabled. Defaults to
isAnimated- Whether the section should be animated. Defaults to
containerId- The id of the section container.
containerClass- Additional classes to add to the section container.
inContainer- Whether the section width should be restricked to a predefined container width. Defaults to
isNarrow- Whether the section width should be restricked to a predefined narrow width. Typically used for text heavy sections make text lines easily readable. Defaults to
background- The background settings for the section.
color- The background color for the section.
image- The background image URL for the section.
isDark- Reflects what the selected background looks like. A dark background image or color will cause text in the section to be colored white. Defaults to