Blog page
Overview
The Main Blog section displays articles from a selected blog in a responsive grid layout. It includes settings to customize the banner, layout, article cards, and tag display.
Section Configuration:
Banner Settings
Setting |
Description |
| Image |
Sets a background image for the banner area above the blog grid. |
| Parallax Effect |
Enables a scrolling parallax effect on the banner image. |
| Overlay Background |
Applies a gradient or color overlay on top of the image. |
| Caption |
Optional text shown above the blog title. |
| Caption Size / Weight |
Controls font size and weight of the caption text. |
| Heading Size / Weight |
Sets the font size and weight for the blog title. |
| Description |
Optional description text below the blog title. |
| Description Text Size / Weight |
Controls the size and font weight of the description. |
| Container Layout |
Determines the layout width of the banner content (Page Width, Contained Content, or Full Width). |
| Corner Radius |
Rounds the corners of the banner block. |
| Max Content Width |
Limits the maximum width of text content within the banner. |
| Section Height |
Controls vertical height of the banner. Options: Small, Medium, Window Height. |
| Content Alignment |
Vertically aligns banner content to Top, Middle, or Bottom. |
| Color Scheme |
Applies a selected color scheme to the banner. |
Breadcrumb Settings
Setting |
Description |
| Show Breadcrumb |
Displays breadcrumb navigation above the section. |
| Show Top Border |
Adds a top border to the breadcrumb area. |
| Show Bottom Border |
Adds a bottom border to the breadcrumb area. |
| Corner Radius |
Rounds the corners of the breadcrumb block. |
| Container Layout |
Controls the width of the breadcrumb container. |
| Color Scheme |
Applies a background and text color scheme to the breadcrumb. |
Tag Display
Setting |
Description |
| Show Main Tags |
Displays a list of all tags used in the blog below the banner. |
Grid Settings
Setting |
Description |
| Desktop Columns |
Sets how many blog cards appear per row on desktop (2–4). |
| Desktop Rows |
Controls how many rows of blog articles are visible per page. |
| Mobile Columns |
Sets number of columns on mobile devices (1 or 2). |
Blog Card Settings
These options apply to individual article cards within the blog grid.
Setting |
Description |
| Media Size |
Controls the shape of the blog image: Adapt, Square, Portrait, or Landscape. |
| Show Featured Image |
Displays the article’s featured image on the card. |
| Show Tags |
Displays the article’s tags. |
| Show Date |
Shows the publication date of each article. |
| Show Author |
Displays the author’s name. |
| Show Excerpt |
Shows a preview snippet of the blog post content. |
| Show Comments Count |
Displays the number of comments for each post. |
Layout Settings (Bottom Container)
These settings control the appearance of the area that holds the blog grid.
Setting |
Description |
| Container Layout |
Defines the width of the bottom grid area. Options: Page Width, Contained Content, Full Width. |
| Corner Radius |
Rounds the corners of the bottom section background. |
| Text Alignment |
Sets horizontal text alignment for the blog content. |
| Color Scheme |
Applies a background and text color scheme to the section. |
Spacing Settings
Setting |
Description |
| Top Padding |
Adds vertical space above the section. |
| Bottom Padding |
Adds vertical space below the section. |