Blog list

Dial in your perfect list blog.

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

blog-browser-the7-3-list-01
Blog List

EXAMPLE 1

[dt_vc_list dividers=»false»]

  • Layout: Left-aligned image
  • Sidebar: Enabled
  • Text backgrounds: Disabled
  • Thumbnail width: 55%
  • Image proportions: 3×2

[/dt_vc_list]

[dt_vc_list dividers=»false»]

  • Fancy date: Enabled
  • Categorization: Disabled
  • Sorting: Disabled
  • Loading mode: AJAX pagination

[/dt_vc_list]

[dt_button link=»http://the7.dream-demo.com/blog/blog-list/1-blog-list/» size=»medium» icon=»JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF» icon_align=»right»]View demo page[/dt_button]
blog-browser-the7-3-list-02
Blog List

EXAMPLE 2

[dt_vc_list dividers=»false»]

  • Layout: Left-aligned image
  • Sidebar: Enabled
  • Text backgrounds: Disabled
  • Thumbnail width: 25%
  • Image proportions: 1×1

[/dt_vc_list]

[dt_vc_list dividers=»false»]

  • Fancy date: Disabled
  • Categorization: Disabled
  • Sorting: Disabled
  • Loading mode: AJAX pagination

[/dt_vc_list]

[dt_button link=»http://the7.dream-demo.com/blog/blog-list/2-blog-list/» size=»medium» icon=»JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF» icon_align=»right»]View demo page[/dt_button]
blog-browser-the7-3-list-03
Blog List

EXAMPLE 3

[dt_vc_list dividers=»false»]

  • Layout: Checkerboard order
  • Sidebar: Enabled
  • Text backgrounds: Enabled
  • Thumbnail width: 65%
  • Image proportions: 5×3

[/dt_vc_list]

[dt_vc_list dividers=»false»]

  • Fancy date: Enabled
  • Categorization: Disabled
  • Sorting: Disabled
  • Loading mode: AJAX pagination

[/dt_vc_list]

[dt_button link=»http://the7.dream-demo.com/blog/blog-list/3-blog-list/» size=»medium» icon=»JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF» icon_align=»right»]View demo page[/dt_button]
blog-browser-the7-3-list-04
Blog List

EXAMPLE 4

[dt_vc_list dividers=»false»]

  • Layout: Left-aligned image
  • Sidebar: Enabled
  • Text backgrounds: Enabled
  • Thumbnail width: 100%
  • Image proportions: 2×1

[/dt_vc_list]

[dt_vc_list dividers=»false»]

  • Fancy date: Enabled
  • Categorization: Enabled
  • Sorting: Enabled
  • Loading mode: AJAX pagination

[/dt_vc_list]

[dt_button link=»http://the7.dream-demo.com/blog/blog-list/4-blog-list/» size=»medium» icon=»JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF» icon_align=»right»]View demo page[/dt_button]
blog-browser-the7-3-list-05
Blog List

EXAMPLE 5

[dt_vc_list dividers=»false»]

  • Layout: Right-aligned image
  • Sidebar: Disabled
  • Text backgrounds: Disabled
  • Thumbnail width: 75%
  • Image proportions: 7×3

[/dt_vc_list]

[dt_vc_list dividers=»false»]

  • Fancy date: Enabled
  • Categorization: Enabled
  • Sorting: Enabled
  • Loading mode: Load more

[/dt_vc_list]

[dt_button link=»http://the7.dream-demo.com/blog/blog-list/5-blog-list/» size=»medium» icon=»JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF» icon_align=»right»]View demo page[/dt_button]
blog-browser-the7-3-list-06
Blog List

EXAMPLE 6

[dt_vc_list dividers=»false»]

  • Layout: Left-aligned image
  • Sidebar: Enabled
  • Text backgrounds: Enabled
  • Thumbnail width: 35%
  • Image proportions: 3×2

[/dt_vc_list]

[dt_vc_list dividers=»false»]

  • Fancy date: Disabled
  • Categorization: Disabled
  • Sorting: Disabled
  • Loading mode: AJAX pagination

[/dt_vc_list]

[dt_button link=»http://the7.dream-demo.com/blog/blog-list/6-blog-list/» size=»medium» icon=»JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF» icon_align=»right»]View demo page[/dt_button]