Featured blog
Overview:
This section is designed to showcase featured blog articles in either a grid or slideshow format. It includes options for displaying blog metadata such as tags, authors, and dates, and provides the ability to navigate through articles with "Show More" functionality.
Section Configuration:
| Setting | Description |
|---|---|
| Section Blog | Select the blog to display articles from. |
| Heading | Add a section heading. |
| Heading Size | Choose the size of the section heading. Options: h1, h2, h3, h4. Default: h3. |
| Heading Weight | Select the font weight for the heading. Options: bold, semi-bold, medium, normal. Default: bold. |
| Description | Add a description for the section. |
| Description Size | Set the size of the description text. Options: small, medium, large, xlarge. Default: small. |
| Description Weight | Choose the font weight for the description text. Options: bold, semi-bold, medium, normal, light. Default: light. |
| Enable Show More Button | Show a button to view more blog articles if available. Default: true. |
| View More Label | Customize the text for the "Show More" button. |
| View More Button Type | Set the style for the "Show More" button. Options: primary, secondary. Default: secondary. |
Grid Settings
| Setting | Description |
|---|---|
| Number of Columns (Desktop) | Set the number of columns for desktop view. Range: 2–4. Default: 4. |
| Number of Rows (Desktop) | Set the number of rows for desktop view. Range: 1–3. Default: 1. |
| Number of Columns (Mobile) | Set the number of columns for mobile view. Options: 1, 2. Default: 2. |
Blog Card Settings
| Setting | Description |
|---|---|
| Card Media Size | Adjust the size of the blog card media. Options: adapt, square, portrait, landscape. Default: adapt. |
| Show Featured Image | Display the featured image of the blog article. Default: true. |
| Show Tags | Display tags associated with the blog article. Default: true. |
| Show Date | Display the publication date of the article. Default: true. |
| Show Author | Display the author's name for the article. Default: false. |
| Show Excerpt | Display an excerpt from the blog article. Default: true. |
| Show Comments Count | Show the count of comments on the blog post. Default: false. |
Slideshow Settings
| Setting | Description |
|---|---|
| Enable Slideshow | Display blog articles in a slideshow format. Default: false. |
| Autoplay | Enable automatic sliding of the slideshow. Default: false. |
| Show Navigation | Display navigation arrows in the slideshow. Default: true. |
| Show Pagination | Show pagination dots in the slideshow. Default: true. |
Spacing and Layout Settings
| Setting | Description |
|---|---|
| Top Padding | Add padding to the top of the section. Range: 0–100 px. Default: 60 px. |
| Bottom Padding | Add padding to the bottom of the section. Range: 0–100 px. Default: 60 px. |
| Desktop Text Alignment | Align text on desktop devices. Options: left, center, right. Default: center. |
| Mobile Text Alignment | Align text on mobile devices. Options: left, center, right. Default: center. |
| Color Scheme | Select a color scheme to match the site’s branding. Default: scheme1. |