Dial in your perfect grid blog.

Mix and match different blog layouts, appearances and settings.
See example of some ideas for your blog below.

Blog Grid

EXAMPLE 1

  • Page layout: Content-width
  • Text alignment: Left
  • Text backgrounds: Disabled
  • Gap between images: 50px
  • Image proportions: 1×1
  • Fancy date: Enabled
  • Categorization: Disabled
  • Sorting: Disabled
  • Loading mode: AJAX pagination
  • Loading effect: Helix
View demo page
Blog Grid

EXAMPLE ۲

  • Page layout: Content-width
  • Text alignment: Center
  • Text backgrounds: Enabled
  • Gap between images: 30px
  • Image proportions: ۱×۱
  • Fancy date: Disabled
  • Categorization: Enabled
  • Sorting: Disabled
  • Loading mode: Load more
  • Loading effect: Flip
View demo page
Blog Grid

EXAMPLE ۳

  • Page layout: Full-width
  • Text alignment: Center
  • Text backgrounds: Enabled
  • Gap between images: 10px
  • Image proportions: 5×3
  • Fancy date: Disabled
  • Categorization: Disabled
  • Sorting: Disabled
  • Loading mode: Load more
  • Loading effect: Scale up
View demo page
Blog Grid

EXAMPLE ۴

  • Page layout: Content-width
  • Sidebar: Enabled
  • Text alignment: Left
  • Text backgrounds: Disabled
  • Gap between images: 44px
  • Image proportions: ۱×۱
  • Fancy date: Enabled
  • Categorization: Disabled
  • Sorting: Disabled
  • Loading mode: AJAX pagination
  • Loading effect: None
View demo page
Blog Grid

EXAMPLE ۵

  • Page layout: Content-width
  • Sidebar: Enabled
  • Text alignment: Center
  • Text backgrounds: Disabled
  • Gap between images: 22px
  • Image proportions: 1×1
  • Fancy date: Disabled
  • Categorization: Disabled
  • Sorting: Disabled
  • Loading mode: AJAX pagination
  • Loading effect: Flip
View demo page
Blog Grid

EXAMPLE ۶

  • Page layout: Full-width
  • Fancy title: Enabled
  • Text alignment: Left
  • Text backgrounds: Disabled
  • Gap between images: 50px
  • Image proportions: 8×5
  • Fancy date: Enabled
  • Categorization: Disabled
  • Sorting: Disabled
  • Loading mode: Load more
  • Loading effect: Fade in
View demo page