Default page
Overview:
The Main Page section is designed for static pages and provides flexible layout and banner options to create visually appealing introductions, content blocks, or hero areas with optional background imagery.
Section Configuration:
Setting |
Description |
| Image |
Adds a banner background image at the top of the section. |
| Parallax Effect |
Enables a parallax scroll effect for the banner image. |
| Background Overlay |
Applies a background gradient or overlay color on top of the image. |
| Caption |
Optional small text shown above the main heading. |
| Caption Size |
Sets the font size of the caption. |
| Caption Weight |
Sets the font weight of the caption. |
| Heading Size |
Chooses the heading tag size (h1, h2, etc.). |
| Heading Weight |
Adjusts the font weight of the main heading. |
| Description |
Adds a paragraph of text below the heading. |
| Description Size |
Sets the font size of the description. |
| Description Weight |
Sets the font weight of the description. |
Banner Layout Settings
Setting |
Description |
| Container Layout |
Controls the width of the banner area (page-width, contained-content, or container-fluid). |
| Corner Radius |
Determines which corners of the banner are rounded. |
| Max Content Size |
Sets the maximum width of the inner content, as a percentage of the page width. |
| Banner Height |
Defines the vertical height of the banner (small, medium, or window_height). |
| Content Alignment |
Vertically aligns the content within the banner (top, middle, or bottom). |
| Text Alignment (Desktop) |
Horizontally aligns the text for desktop screens. |
| Text Alignment (Mobile) |
Horizontally aligns the text for mobile screens. |
| Banner Color Scheme |
Applies a specific color scheme to the banner area. |
Breadcrumb Navigation Settings
Setting |
Description |
| Show Breadcrumb |
Enables breadcrumb navigation at the top of the section. |
| Top Border |
Displays a border at the top of the breadcrumb area. |
| Bottom Border |
Displays a border at the bottom of the breadcrumb area. |
| Corner Radius |
Applies corner rounding to the breadcrumb background. |
| Container Layout |
Sets the layout width of the breadcrumb container. |
| Color Scheme |
Applies a color scheme to the breadcrumb area. |
Bottom Content Area Settings
Setting |
Description |
| Container Layout (Bottom) |
Controls the layout of the bottom content area (page-width, contained-content, or container-fluid). |
| Corner Radius (Bottom) |
Sets the corner rounding for the bottom content container. |
| Color Scheme |
Applies a color scheme to the bottom area if content is present. |
Spacing Settings
Setting |
Description |
| Top Padding |
Adds vertical spacing above the bottom content area. |
| Bottom Padding |
Adds vertical spacing below the bottom content area. |