Skip to main content

Showcase Your Recent Blog Post Section

Quickly showcase your freshest articles on your Durable website.

Leodith avatar
Written by Leodith
Updated over 3 weeks ago

Visitors will see that your site is active and engaging, and they will be encouraged to explore your full blog.

Here’s how to get started in your Durable website editor:

  1. Click Add Section.

  2. Type Recent Blog Post into the search box.

  3. Click the section to add it to your page. Durable will automatically populate it with sample posts.

You’ll find two handy tabs: Content and Style.

Content Tab:

Use this tab to adjust what your visitors see:

  • Tagline: A brief accent text above the headline.

  • Headline: Your section’s title, for example “Latest From Our Blog.”

  • Subtext: A short description to entice readers.

  • Number of posts: Choose to display 3, 6, or 9 entries.

  • Show view more: Turn on a button linking to your full blog and edit its label.

  • Post order: Drag posts to reorder or click the trash icon to remove items.

If you need inspiration, click Regenerate to let Durable’s AI spark fresh ideas.

Style Tab:

Use this tab to refine colors, layout, and visual effects.

Colors & Buttons

  • Apply default themes or customize your palette for backgrounds, accents, and buttons.

Background Video/Image

  • Upload an image or video, then set positioning, overlay opacity, and blur effects.

Text Appearance

  • Headings: Extra large, Large, Medium, or Small

  • Subtext: Large, Medium, or Small

  • Alignment: Left, Center, or Right

  • Vertical alignment: Top, Center, or Bottom

List & Item Settings

  • List style: Option one or two

  • Item size: Small, Medium, or Large

  • Rounded corners: None, Small, Medium, or Large

Image Options

  • Fit: Cover or Contain

  • Aspect ratio: Square (1×1), Portrait (2×3), Landscape (3×2), or Widescreen (16×9)

  • Text positioning: Below image, On top of image, or Covering image

  • Text-background opacity: Adjustable slider

Animations & Spacing

  • Animations: Fade in, Zoom, Slide up, Slide left, or None

  • Section padding (top and bottom): None, Small, Medium, or Large

  • Minimum height: Content or Screen

  • Dividers and borders: Add for extra polish

Need a helping hand? Our friendly team is always here to support you. Feel free to reach out anytime; we’re excited to assist you!

Did this answer your question?