Portfolio list

Dial in your perfect list portfolio.

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

portf-browser-the7-3-list-01
Portfolio List

EXAMPLE 1

[dt_vc_list dividers=”false”]

  • Layout: Left-aligned image
  • Text backgrounds: Disabled
  • Thumbnail width: 75%
  • Thumbnail proportions: 5×3

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Hover icons: Enabled
  • Categorization: Enabled
  • Sorting: Enabled
  • Loading mode: AJAX pagination

[/dt_vc_list]

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

EXAMPLE 2

[dt_vc_list dividers=”false”]

  • Layout: Left-aligned image
  • Text backgrounds: Enabled
  • Thumbnail width: 70%
  • Thumbnail proportions: 7×3

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Hover icons: Enabled
  • Categorization: Disabled
  • Sorting: Disabled
  • Loading mode: Load more

[/dt_vc_list]

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

EXAMPLE 3

[dt_vc_list dividers=”false”]

  • Layout: Checkerboard order
  • Text backgrounds: Disabled
  • Thumbnail width: 75%
  • Thumbnail proportions: 7×3

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Hover icons: Enabled
  • Categorization: Enabled
  • Sorting: Enabled
  • Loading mode: Lazy loading

[/dt_vc_list]

[dt_button link=”http://the7.dream-demo.com/portfolio/list-portfolio/3-portfolio-list/” size=”medium” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right”]View demo page[/dt_button]
portf-browser-the7-3-list-04
Portfolio List

EXAMPLE 4

[dt_vc_list dividers=”false”]

  • Sidebar: Enabled
  • Layout: Checkerboard order
  • Text backgrounds: Enabled
  • Thumbnail width: 70%
  • Thumbnail proportions: 7×4

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Hover icons: Enabled
  • Categorization: Disabled
  • Sorting: Disabled
  • Loading mode: AJAX pagination

[/dt_vc_list]

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

EXAMPLE 5

[dt_vc_list dividers=”false”]

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

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Hover icons: Disabled
  • Categorization: Enabled
  • Sorting: Enabled
  • Loading mode: AJAX pagination

[/dt_vc_list]

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

EXAMPLE 6

[dt_vc_list dividers=”false”]

  • Sidebar: Enabled
  • Text backgrounds: Enabled
  • Thumbnail width: 100%
  • Thumbnail proportions: 2×1

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Hover icons: Enabled
  • Categorization: Enabled
  • Sorting: Enabled
  • Loading mode: AJAX pagination

[/dt_vc_list]

[dt_button link=”http://the7.dream-demo.com/portfolio/list-portfolio/6-portfolio-list/” size=”medium” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right”]View demo page[/dt_button]
portf-browser-the7-3-list-07
Portfolio List

EXAMPLE 7

[dt_vc_list dividers=”false”]

  • Sidebar: Disabled
  • Layout: Right-aligned image
  • Text backgrounds: Disabled
  • Thumbnail width: 80%
  • Thumbnail proportions: 5×2

[/dt_vc_list]

[dt_vc_list dividers=”false”]

  • Hover icons: Disabled
  • Categorization: Enabled
  • Sorting: Disabled
  • Loading mode: AJAX pagination
  • Fancy title: Enabled

[/dt_vc_list]

[dt_button link=”http://the7.dream-demo.com/portfolio/list-portfolio/7-portfolio-list/” size=”medium” icon=”JTNDaSUyMGNsYXNzJTNEJTIyZmElMjBmYS1hcnJvdy1jaXJjbGUtcmlnaHQlMjIlM0UlM0MlMkZpJTNF” icon_align=”right”]View demo page[/dt_button]