This guide explains how BlogPro picks thumbnails for blog posts and how to customize them through the dashboard.

BlogPro uses a smart fallback system to determine the thumbnail image for each blog post:

If the Notion page has a cover image, BlogPro will use this as the highest priority thumbnail option.

BlogPro automatically extracts the first image found in your blog post content. The system searches through:

• Direct image blocks

• Images within nested content (columns, lists, toggles, callouts, etc.)

• Images in database content blocks

As a final fallback, BlogPro generates a dynamic Open Graph image using:

• Post title

• Post description

• Site logo

• Consistent branding

Control how thumbnail images are displayed in blog cards:

• Cover (Default): Images fill the entire thumbnail area, may be cropped

• Contain: Images fit entirely within the thumbnail area, may show empty space

• Location: Dashboard → Site Settings → Design → Image Fit Option

Completely hide thumbnail images from blog post:

• Default: Show thumbnail images on blog cards

• Hidden: Remove all thumbnail images, showing only text content

• Location: Dashboard → Site Settings → Design → Hide Blog Cover Image

1. Thumbnail not showing?
   • Check if there's an image in your post content
   • Verify the image URL is accessible
   • Try refreshing the post sync in dashboard

2. Image looks cropped?
   • Switch to "contain" mode in Image Fit Option
   • Use images with 16:9 aspect ratio