Blog listing
Overview
Displays blog articles in customizable cards with featured images, tags, dates, reading time, authors, excerpts, comments, responsive grid layouts, typography, borders, and spacing controls.
| Setting |
Description |
| Tagline |
Adds a tagline above the section heading. |
| Tagline Size |
Sets the tagline size: Large, Medium, or Small. Default: Medium. |
| Tagline Weight |
Sets the tagline font weight from 100–900. Default: 400. |
| Tagline Case |
Sets the tagline case: None, Uppercase, Capitalize, or Lowercase. Default: Uppercase. |
| Tagline Family |
Selects the tagline font family: Default or Heading. Default: Default. |
| Tagline Background |
Sets the tagline background color. Default: #000000. |
| Tagline Color |
Sets the tagline text color. Default: #FFFFFF. |
| Heading |
Adds the section heading. |
| Heading Size |
Sets the heading size from H1–H6, Large, Medium, or Small. Default: H4. |
| Heading Weight |
Sets the heading font weight from 100–900. Default: 400. |
| Heading Case |
Sets the heading case: None, Uppercase, Capitalize, or Lowercase. Default: Capitalize. |
| Heading Level |
Sets the heading HTML level from H1–H6. Default: H2. |
| Heading Family |
Selects the heading font family: Default or Body. Default: Default. |
| Heading Color Style |
Applies the Default or Body color style. Default: Default. |
| Heading Link Style |
Applies the Default or Link preset style. Default: Default. |
| Description |
Adds rich-text content below the heading. |
| Text Size |
Sets the description text size: Large, Medium, or Small. Default: Large. |
| Text Weight |
Sets the description font weight from 100–900. Default: 400. |
| Text Case |
Sets the description case: None, Uppercase, Capitalize, or Lowercase. Default: None. |
| Text Family |
Selects the description font family: Default or Heading. Default: Default. |
| Text Color Style |
Applies the Default or Headings color style. Default: Default. |
| Header Bottom Margin |
Controls the desktop bottom margin. Default: 35px. |
| Mobile Header Bottom Margin |
Controls the mobile bottom margin. Default: 15px. |
Card Settings
| Setting |
Description |
| Media Ratio |
Sets the article image ratio: Adapt, Square, Portrait, Landscape, or Fit to Box. Default: Adapt. |
| Desktop Height |
Sets the desktop card height when Fit to Box is selected. Default: 265px. |
| Mobile Height |
Sets the mobile card height when Fit to Box is selected. Default: 265px. |
| Heading Size |
Sets the card heading size from H1–H6, Large, Medium, or Small. Default: H5. |
| Heading Weight |
Sets the card heading font weight from 100–900. Default: 400. |
| Heading Case |
Sets the card heading case: None, Uppercase, Capitalize, or Lowercase. Default: Capitalize. |
| Heading Level |
Sets the card heading HTML level from H1–H6. Default: H3. |
| Heading Family |
Selects the card heading font family: Default or Body. Default: Default. |
| Heading Color Style |
Applies the Default or Body color style. Default: Default. |
| Text Size |
Sets the card text size: Large, Medium, or Small. Default: Medium. |
| Text Weight |
Sets the card text weight from 100–900. Default: 400. |
| Text Case |
Sets the card text case: None, Uppercase, Capitalize, or Lowercase. Default: None. |
| Text Family |
Selects the card text font family: Default or Heading. Default: Default. |
| Text Color Style |
Applies the Default or Headings color style. Default: Default. |
| Desktop Text Alignment |
Sets the card text alignment on desktop. Default: Left. |
| Mobile Text Alignment |
Sets the card text alignment on mobile. Default: Left. |
| Show Featured Image |
Displays or hides the article featured image. Default: Enabled. |
| Enable Border |
Displays or hides the card border. Default: Enabled. |
| Show Tags |
Displays or hides article tags. Default: Enabled. |
| Show Date |
Displays or hides the article date. Default: Enabled. |
| Show Reading Time |
Displays or hides the reading time. Default: Enabled. |
| Show Author |
Displays or hides the article author. Default: Enabled. |
| Show Excerpt |
Displays or hides the article excerpt. Default: Enabled. |
| Show Comments Count |
Displays or hides the article comments count. Default: Enabled. |
Grid Settings
| Setting |
Description |
| Featured First Two |
Highlights the first two blog articles. Default: Enabled. |
| Desktop Columns |
Sets the number of desktop columns from 1–4. Default: 3. |
| Desktop Rows |
Sets the number of desktop rows from 2–6. Default: 3. |
| Mobile Columns |
Sets the mobile columns: 1 or 2. Default: 2. |
| Desktop Grid Spacing |
Controls desktop spacing between cards. Default: 20px. |
| Mobile Grid Spacing |
Controls mobile spacing between cards. Default: 10px. |
Layout Settings
| Setting |
Description |
| Container Layout |
Sets the layout width: Container, Contained Content, or Container Fluid. Default: Container Fluid. |
| Container Size |
Sets the maximum container width from 50–100%. Default: 100%. |
| Desktop Text Alignment |
Sets the section text alignment on desktop. Default: Left. |
| Mobile Text Alignment |
Sets the section text alignment on mobile. Default: Left. |
| Color Scheme |
Selects the section color scheme. Default: Scheme 1. |
Inner Spacing
| Setting |
Desktop |
Mobile |
| Top |
70px |
35px |
| Bottom |
70px |
35px |
| Left |
50px |
15px |
| Right |
50px |
15px |
Outer Spacing
| Setting |
Desktop |
Mobile |
| Top |
0px |
0px |
| Bottom |
0px |
0px |
| Left |
0px |
0px |
| Right |
0px |
0px |