Portfolio

Grid. Categorization & pagination enabled

[dt_portfolio type=”grid” padding=”5″ column_width=”200″ proportion=”3:2″ same_width=”true” bg_under_projects=”fullwidth” content_aligment=”center” show_title=”true” show_categories=”true” show_filter=”true” show_details=”true” show_link=”true” show_zoom=”true” number=”16″ posts_per_page=”4″ under_image_buttons=”under_image” category=”04-identity,08-photo-video,08-design-photo”]

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Portfolio Masonry & Grid”

Appearance: Grid

Gap between posts (px): 5

Column minimum width (px): 200

Desired columns number: 2

Thumbnails proportions: 3:2

Projects width: Make projects same width

Show projects descriptions: Under images

Background under projects: Enabled (image without padding)

Content alignment: Center

Image hover background color: Color (from theme options)

Loading effect: None

Show title: Yes; Show excerpts: No; Show project categories: Yes

Show project date: No; Show categories filter: Yes; Show project author: No

Show project comments: No; Show details icon: Yes; Show link icon: Yes

Show zoom icon: Yes

Number of projects to show: 16

Number of projects to display on one page: 4

Order by: Date

Order way: Descending[dt_gap height=”10″ /]

Masonry. Text on images

[dt_portfolio padding=”2″ column_width=”200″ columns=”3″ descriptions=”on_hover_centered” loading_effect=”scale_up” show_title=”true” show_categories=”true” show_details=”true” show_zoom=”true” number=”9″ posts_per_page=”9″ under_image_buttons=”under_image” category=”04-identity,08-photo-video,08-design-photo”]

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Portfolio Masonry & Grid”

Appearance: Masonry

Gap between posts (px): 2

Column minimum width (px): 200

Desired columns number: 3

Thumbnails proportions: [leave empty]

Projects width: Preserve original proportion

Show projects descriptions: On colored background

Animation: Fade

Image hover background color: Color (from Theme Options)

Content alignment: Center

Loading effect: Move up

Show title: Yes; Show excerpts: No; Show project categories: Yes

Show project date: No; Show project author: No; Show project comments: No

Show details icon: Yes; Show link icon: No; Show zoom icon: Yes

Number of projects to show: 9

Number of projects to display on one page: 9

Order by: Date

Order way: Descending[dt_gap height=”10″ /]

Justified grid

[dt_portfolio_jgrid padding=”2″ target_height=”340″ hover_animation=”redirection_aware” hover_bg_color=”dark” colored_bg_content_aligment=”left_top” loading_effect=”fade_in” show_title=”true” show_excerpt=”true” show_categories=”true” show_date=”true” show_details=”true” show_link=”true” show_zoom=”true” number=”6″ category=”04-identity,08-photo-video,08-design-photo” bg_under_projects=”with_paddings”]

GET SETTINGS

[dt_gap height=”10″ /]VC Element: “Portfolio Justified Grid”

Gap between posts (px): 2

Column minimum width (px): 340

Thumbnails proportions: [leave empty]

Show projects descriptions: On colored background

Loading effect: Reverse direction aware

Image hover background color: Dark

Content alignment: Left & top

Loading effect: Fade in

Hide last row if there’s not enough images to fill it: No; Show title: Yes

Show excerpts: Yes; Show project categories: Yes; Show project date: Yes

Show project author: No; Show project comments: No; Show details icon: Yes

Show link icon: Yes; Show zoom icon: Yes

Number of projects to show: 6

Number of projects to display on one page: -1

Order by: Date

Order way: Descending[dt_gap height=”10″ /]