Portfolio Settings

[vc_row][vc_column][vc_column_text]

portfolio layouts

[/vc_column_text][gem_divider margin_top=”35″][/vc_column][/vc_row][vc_row el_class=”custom-column”][vc_column width=”1/6″ el_class=”custom-hover”][gem_divider margin_top=”45″][vc_single_image image=”14323″ img_size=”full” alignment=”center” onclick=”custom_link” img_link_target=”_blank” link=”https://codex-themes.com/thegem-elementor/portfolios/justified-portfolio-demos/”][gem_divider][vc_column_text]

Justified

[/vc_column_text][vc_column_text]

Various number of columns and a bunch of layout settings like changeable gap sizes, highlighted projects etc.

[/vc_column_text][gem_divider margin_top=”40″][/vc_column][vc_column width=”1/6″ el_class=”custom-hover”][gem_divider margin_top=”45″][vc_single_image image=”14317″ img_size=”full” alignment=”center” onclick=”custom_link” img_link_target=”_blank” link=”https://codex-themes.com/thegem-elementor/portfolios/masonry-grids/”][gem_divider][vc_column_text]

Masonry

[/vc_column_text][vc_column_text]

Lovely masonry grid overview, perfect for different featured image proportions. Flexible layout settings.

[/vc_column_text][gem_divider margin_top=”40″][/vc_column][vc_column width=”1/6″ el_class=”custom-hover”][gem_divider margin_top=”45″][vc_single_image image=”14315″ img_size=”full” alignment=”center” onclick=”custom_link” img_link_target=”_blank” link=”https://codex-themes.com/thegem-elementor/portfolios/metro-portfolio-grid-demo/”][gem_divider][vc_column_text]

Metro

[/vc_column_text][vc_column_text]

Portfolio grids in metro style. Best option for showcasing your projects in a modern gallery way.

[/vc_column_text][gem_divider margin_top=”40″][/vc_column][vc_column width=”1/6″ el_class=”custom-hover”][gem_divider margin_top=”45″][vc_single_image image=”14313″ img_size=”full” alignment=”center” onclick=”custom_link” img_link_target=”_blank” link=”https://codex-themes.com/thegem-elementor/portfolios/one-list-portfolio-grid-demo/”][gem_divider][vc_column_text]

List

[/vc_column_text][vc_column_text]

Classic list portfolio overview. Left, right aligments or odd & even layout style. Variable gaps & fills.

[/vc_column_text][gem_divider margin_top=”40″][/vc_column][vc_column width=”1/6″ el_class=”custom-hover”][gem_divider margin_top=”45″][vc_single_image image=”14311″ img_size=”full” alignment=”center” onclick=”custom_link” img_link_target=”_blank” link=”https://codex-themes.com/thegem-elementor/portfolio-packery-higlights/”][gem_divider][vc_column_text]

Packery

[/vc_column_text][vc_column_text]

Attract your visitor’s attention to some special project highlights by choosing this modern grid style.

[/vc_column_text][gem_divider margin_top=”40″][/vc_column][vc_column width=”1/6″ offset=”vc_hidden-lg vc_hidden-md vc_hidden-sm vc_hidden-xs”][/vc_column][vc_column][/vc_column][/vc_row][vc_row full_width=”stretch_row_content”][vc_column][gem_divider][vc_text_separator title_light=”1″ title_level=”h3″ title=”portfolio width”][gem_divider margin_top=”50″][/vc_column][/vc_row][vc_row][vc_column width=”1/4″][gem_image position=”centered” disable_lightbox=”1″ src=”14333″][gem_divider][vc_column_text]

100% Width

[/vc_column_text][vc_column_text]

Portfolio overviews, using 100% page width. You can use it in any of portfolio layouts above.

[/vc_column_text][/vc_column][vc_column width=”1/4″][gem_image position=”centered” disable_lightbox=”1″ src=”14331″][gem_divider][vc_column_text]

Fullwidth

[/vc_column_text][vc_column_text]

Post your portfolios in fullwidth content area. Applicable for any portfolio layout types.

[/vc_column_text][/vc_column][vc_column width=”1/4″][gem_image position=”centered” disable_lightbox=”1″ src=”14329″][gem_divider][vc_column_text]

With Sidebar

[/vc_column_text][vc_column_text]

You can use any of portfolio layouts on pages with any sidebars: left or right or both.

[/vc_column_text][/vc_column][vc_column width=”1/4″][gem_image position=”centered” disable_lightbox=”1″ src=”14327″][gem_divider][vc_column_text]

In Content

[/vc_column_text][vc_column_text]

Mix your content with portfolios. Place any portfolio layout on any position in content you wish.

[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row_content”][vc_column][gem_divider margin_top=”30″][vc_text_separator title_light=”1″ title_level=”h3″ title=”portfolio columns”][gem_divider margin_top=”50″][/vc_column][/vc_row][vc_row el_class=”custom-column”][vc_column width=”1/6″][gem_image position=”centered” disable_lightbox=”1″ src=”14348″][gem_divider][vc_column_text]

[/vc_column_text][/vc_column][vc_column width=”1/6″][gem_image position=”centered” disable_lightbox=”1″ src=”14346″][gem_divider][vc_column_text]

[/vc_column_text][/vc_column][vc_column width=”1/6″][gem_image position=”centered” disable_lightbox=”1″ src=”14344″][gem_divider][vc_column_text]

[/vc_column_text][/vc_column][vc_column width=”1/6″][gem_image position=”centered” disable_lightbox=”1″ src=”14342″][gem_divider][vc_column_text]

[/vc_column_text][/vc_column][vc_column width=”1/6″][gem_image position=”centered” disable_lightbox=”1″ src=”14340″][gem_divider][vc_column_text]

[/vc_column_text][/vc_column][vc_column width=”1/6″ offset=”vc_hidden-lg vc_hidden-md vc_hidden-sm vc_hidden-xs”][/vc_column][/vc_row][vc_row full_width=”stretch_row_content”][vc_column][gem_divider margin_top=”30″][vc_text_separator title_light=”1″ title_level=”h3″ title=”portfolio type”][gem_divider margin_top=”50″][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][gem_image position=”centered” disable_lightbox=”1″ src=”14354″][gem_divider margin_top=”3″][vc_column_text]

Grid

[/vc_column_text][vc_column_text]

howcase your projects in various grid overviews like justified, masonry or metro grids with any columns.

[/vc_column_text][/vc_column][vc_column width=”1/3″][gem_divider margin_top=”30″][gem_image position=”centered” disable_lightbox=”1″ src=”14352″][gem_divider margin_top=”71″][vc_column_text]

Slider

[/vc_column_text][vc_column_text]

Portfolio sliders are great to showcase your work in an awesome dynamic and still compact way.

[/vc_column_text][/vc_column][vc_column width=”1/3″][gem_image position=”centered” disable_lightbox=”1″ src=”14350″][gem_divider margin_top=”3″][vc_column_text]

List

[/vc_column_text][vc_column_text]

Overview as classic list of protfolio items with variable text alignments, incl. awesome odd & even option

[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row_content”][vc_column][gem_divider margin_top=”30″][vc_text_separator title_light=”1″ title_level=”h3″ title=”Display Project Details”][gem_divider margin_top=”50″][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][gem_image position=”centered” disable_lightbox=”1″ src=”14363″][gem_divider margin_top=”3″][vc_column_text]

Outside Image

[/vc_column_text][vc_column_text]

Make any of your chosen project details like title & description always visible in overviews.

[/vc_column_text][/vc_column][vc_column width=”1/2″][gem_image position=”centered” disable_lightbox=”1″ src=”14361″][gem_divider margin_top=”3″][vc_column_text]

On Image

[/vc_column_text][vc_column_text]

Hide your chosen project details by default and display them on featured image hover.

[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row_content”][vc_column][gem_divider margin_top=”43″][vc_text_separator title_light=”1″ title_level=”h3″ title=”Caption Fill Styles”][gem_divider margin_top=”62″][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][gem_image position=”centered” disable_lightbox=”1″ src=”14575″][gem_divider margin_top=”3″][vc_column_text]

Light Background

[/vc_column_text][/vc_column][vc_column width=”1/3″][gem_image position=”centered” disable_lightbox=”1″ src=”14573″][gem_divider margin_top=”3″][vc_column_text]

Grey Background

[/vc_column_text][/vc_column][vc_column width=”1/3″][gem_image position=”centered” disable_lightbox=”1″ src=”14571″][gem_divider margin_top=”3″][vc_column_text]

Dark Background

[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row_content”][vc_column][gem_divider margin_top=”38″][vc_text_separator title_light=”1″ title_level=”h3″ title=”Hover Types “][gem_divider margin_top=”50″][/vc_column][/vc_row][vc_row][vc_column width=”1/6″][gem_image position=”centered” disable_lightbox=”1″ src=”14383″][vc_column_text]

Cyan Breeze

[/vc_column_text][/vc_column][vc_column width=”1/6″][gem_image position=”centered” disable_lightbox=”1″ src=”14381″][vc_column_text css=”.vc_custom_1458555745969{padding-right: 0px !important;padding-left: 0px !important;}”]

Zooming White

[/vc_column_text][/vc_column][vc_column width=”1/6″ css=”.vc_custom_1458555504558{padding-right: 0px !important;padding-left: 0px !important;}”][gem_image position=”centered” disable_lightbox=”1″ src=”14379″][vc_column_text]

Horizontal Sliding

[/vc_column_text][/vc_column][vc_column width=”1/6″][gem_image position=”centered” disable_lightbox=”1″ src=”14377″][vc_column_text]

Vertical Sliding

[/vc_column_text][/vc_column][vc_column width=”1/6″][gem_image position=”centered” disable_lightbox=”1″ src=”14374″][vc_column_text]

Gradient

[/vc_column_text][/vc_column][vc_column width=”1/6″ css=”.vc_custom_1458555522548{padding-right: 0px !important;padding-left: 0px !important;}”][gem_image position=”centered” disable_lightbox=”1″ src=”14372″][vc_column_text]

Circular Overlay

[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row_content”][vc_column][gem_divider margin_top=”34″][vc_text_separator title_light=”1″ title_level=”h3″ title=”Loading Mode & Pagination”][gem_divider margin_top=”50″][/vc_column][/vc_row][vc_row][vc_column width=”1/3″][gem_image position=”centered” disable_lightbox=”1″ src=”14397″][gem_divider margin_top=”3″][vc_column_text]

“Load More” Button

[/vc_column_text][/vc_column][vc_column width=”1/3″][gem_image position=”centered” disable_lightbox=”1″ src=”14395″][gem_divider margin_top=”3″][vc_column_text]

Infinite Scroll

[/vc_column_text][/vc_column][vc_column width=”1/3″][gem_image position=”centered” disable_lightbox=”1″ src=”14393″][gem_divider margin_top=”3″][vc_column_text]

Standard

[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row_content”][vc_column][gem_divider margin_top=”20″][vc_text_separator title_light=”1″ title_level=”h3″ title=”Loading animation”][gem_divider margin_top=”50″][/vc_column][/vc_row][vc_row][vc_column width=”1/6″][gem_image position=”centered” disable_lightbox=”1″ src=”14423″][gem_divider margin_top=”3″][vc_column_text]

Fade In

[/vc_column_text][/vc_column][vc_column width=”1/6″][gem_image position=”centered” disable_lightbox=”1″ src=”14421″][gem_divider margin_top=”3″][vc_column_text css=”.vc_custom_1458556199882{padding-right: 0px !important;padding-left: 0px !important;}”]

Fall Perspective

Flip

[/vc_column_text][/vc_column][vc_column width=”1/6″][gem_image position=”centered” disable_lightbox=”1″ src=”14417″][gem_divider margin_top=”3″][vc_column_text]

Scale

[/vc_column_text][/vc_column][vc_column width=”1/6″][gem_image position=”centered” disable_lightbox=”1″ src=”14415″][gem_divider margin_top=”3″][vc_column_text]

Bounce

Move Up

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1458556690578{margin-bottom: 0px !important;}”][vc_column][gem_fullwidth background_style=”cover” container=”1″ background_image=”14624″ padding_top=”100″ padding_bottom=”165″][gem_divider margin_top=”50″][gem_icon pack=”elegant” size=”medium” centered=”1″ icon_elegant=”e035″ color=”#00bcd4″][gem_divider margin_top=”40″][vc_column_text]

Projects list settings

[/vc_column_text][gem_divider margin_top=”60″][vc_row_inner][vc_column_inner width=”1/3″][gem_list type=”check-style-2″ color=”3″]

Show / hide project titles & excerpts
Show / hide project date & categories
Select text position for captions
Choose from 3 caption styles
Choose project categories
Define number of projects to be displayed

[/gem_list][/vc_column_inner][vc_column_inner width=”1/3″][gem_list type=”check-style-2″ color=”3″]

Enable / disable filters
Set any gaps size between items
Show / hide name & date sorting
Asc. / desc. sorting options
Enable / disable likes
Enable / disable sharing

[/gem_list][/vc_column_inner][vc_column_inner width=”1/3″][gem_list type=”check-style-2″ color=”3″]

Define highlighted items
Enable / disable animation
Choose from 6 animation effects
Choose from 6 awesome hovers
Fancy titles or slideshow in header
Sidebar & footer settings

[/gem_list][/vc_column_inner][/vc_row_inner][gem_divider margin_top=”50″][/gem_fullwidth][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1458559033519{margin-top: 0px !important;margin-bottom: 0px !important;}” el_class=”custom-icon”][vc_column css=”.vc_custom_1526632424227{margin-top: 0px !important;margin-bottom: 0px !important;}”][gem_fullwidth background_style=”cover” container=”1″ background_image=”14434″ padding_top=”50″ padding_bottom=”435″ background_color=”#f0f3f2″][gem_divider margin_top=”50″][gem_icon pack=”material” size=”medium” centered=”1″ icon_material=”f2ba” color=”#f1c53c”][gem_divider margin_top=”50″][vc_column_text]

Project Page Settings

[/vc_column_text][gem_divider margin_top=”65″][vc_row_inner][vc_column_inner width=”1/3″][gem_list type=”check-style-2″ color=”3″]

Show / hide project titles & excerpts
Show / hide project date & categories
Select text position for captions
Choose from 3 caption styles
Choose project categories
Define number of projects to be displayed

[/gem_list][/vc_column_inner][vc_column_inner width=”1/3″][gem_list type=”check-style-2″ color=”3″]

Enable / disable filters
Set any gaps size between items
Show / hide name & date sorting
Asc. / desc. sorting options
Enable / disable likes
Enable / disable sharing

[/gem_list][/vc_column_inner][vc_column_inner width=”1/3″][gem_list type=”check-style-2″ color=”3″]

Define highlighted items
Enable / disable animation
Choose from 6 animation effects
Choose from 6 awesome hovers
Fancy titles or slideshow in header
Sidebar & footer settings

[/gem_list][/vc_column_inner][/vc_row_inner][gem_divider margin_top=”50″][/gem_fullwidth][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1458558826533{margin-bottom: 0px !important;background-color: #f0f3f2 !important;}”][vc_column][gem_divider margin_top=”72″][vc_row_inner][vc_column_inner][vc_column_text]

Project Page Samples

[/vc_column_text][/vc_column_inner][/vc_row_inner][gem_divider margin_top=”58″][vc_row_inner][vc_column_inner el_class=”custom-hover” width=”1/3″][gem_divider margin_top=”50″][vc_single_image image=”14511″ img_size=”full” onclick=”custom_link” img_link_target=”_blank” link=”https://codex-themes.com/thegem-elementor/portfolios/clean-trendy-layout/”][gem_divider margin_top=”30″][vc_separator color=”custom” el_width=”30″ accent_color=”#78d7e3″][vc_column_text]

Advertising & Ci Rrendy Style