{"id":14268,"date":"2020-10-12T20:26:40","date_gmt":"2020-10-12T20:26:40","guid":{"rendered":"https:\/\/codex-themes.com\/thegem\/?page_id=14268"},"modified":"2021-07-13T19:04:27","modified_gmt":"2021-07-13T19:04:27","slug":"portfolios-settings","status":"publish","type":"page","link":"https:\/\/codex-themes.com\/thegem\/portfolios\/portfolios-settings\/","title":{"rendered":"Portfolio Settings"},"content":{"rendered":"

[vc_row][vc_column][vc_column_text]<\/p>\n

portfolio layouts<\/span><\/div>\n

[\/vc_column_text]

<\/div>
<\/div>[\/vc_column][\/vc_row][vc_row el_class=”custom-column”][vc_column width=”1\/6″ el_class=”custom-hover”]
<\/div>
<\/div>[vc_single_image image=”14323″ img_size=”full” alignment=”center” onclick=”custom_link” img_link_target=”_blank” link=”https:\/\/codex-themes.com\/thegem\/portfolios\/justified-portfolio-demos\/”]
<\/div>
<\/div>[vc_column_text]<\/p>\n
Justified<\/span><\/div>\n

[\/vc_column_text][vc_column_text]<\/p>\n

Various number of columns and a bunch of layout settings like changeable gap sizes, highlighted projects etc.<\/p>\n

[\/vc_column_text]

<\/div>
<\/div>[\/vc_column][vc_column width=”1\/6″ el_class=”custom-hover”]
<\/div>
<\/div>[vc_single_image image=”14317″ img_size=”full” alignment=”center” onclick=”custom_link” img_link_target=”_blank” link=”https:\/\/codex-themes.com\/thegem\/portfolios\/masonry-grids\/”]
<\/div>
<\/div>[vc_column_text]<\/p>\n
Masonry<\/div>\n

[\/vc_column_text][vc_column_text]<\/p>\n

Lovely masonry grid overview, perfect for different featured image proportions. Flexible layout settings.<\/p>\n

[\/vc_column_text]

<\/div>
<\/div>[\/vc_column][vc_column width=”1\/6″ el_class=”custom-hover”]
<\/div>
<\/div>[vc_single_image image=”14315″ img_size=”full” alignment=”center” onclick=”custom_link” img_link_target=”_blank” link=”https:\/\/codex-themes.com\/thegem\/portfolios\/metro-portfolio-grid-demo\/”]
<\/div>
<\/div>[vc_column_text]<\/p>\n
Metro<\/div>\n

[\/vc_column_text][vc_column_text]<\/p>\n

Portfolio grids in metro style. Best option for showcasing your projects in a modern gallery way.<\/p>\n

[\/vc_column_text]

<\/div>
<\/div>[\/vc_column][vc_column width=”1\/6″ el_class=”custom-hover”]
<\/div>
<\/div>[vc_single_image image=”14313″ img_size=”full” alignment=”center” onclick=”custom_link” img_link_target=”_blank” link=”https:\/\/codex-themes.com\/thegem\/portfolios\/one-list-portfolio-grid-demo\/”]
<\/div>
<\/div>[vc_column_text]<\/p>\n
List<\/div>\n

[\/vc_column_text][vc_column_text]<\/p>\n

Classic list portfolio overview. Left, right aligments or odd & even layout style. Variable gaps & fills.<\/p>\n

[\/vc_column_text]

<\/div>
<\/div>[\/vc_column][vc_column width=”1\/6″ el_class=”custom-hover”]
<\/div>
<\/div>[vc_single_image image=”14311″ img_size=”full” alignment=”center” onclick=”custom_link” img_link_target=”_blank” link=”https:\/\/codex-themes.com\/thegem\/portfolio-packery-higlights\/”]
<\/div>
<\/div>[vc_column_text]<\/p>\n
Packery<\/span><\/div>\n

[\/vc_column_text][vc_column_text]<\/p>\n

Attract your visitor’s attention to some special project highlights by choosing this modern grid style.<\/p>\n

[\/vc_column_text]

<\/div>
<\/div>[\/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]
<\/div>
<\/div>[vc_text_separator title_light=”1″ title_level=”h3″ title=”portfolio width”]
<\/div>
<\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=”1\/4″]
\"\"\/<\/div><\/div><\/div>
<\/div>
<\/div>[vc_column_text]<\/p>\n
100% Width<\/span><\/div>\n

[\/vc_column_text][vc_column_text]<\/p>\n

Portfolio overviews, using 100% page width. You can use it in any of portfolio layouts above.<\/p>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/4″]

\"\"\/<\/div><\/div><\/div>
<\/div>
<\/div>[vc_column_text]<\/p>\n
Fullwidth<\/span><\/div>\n

[\/vc_column_text][vc_column_text]<\/p>\n

Post your portfolios in fullwidth content area. Applicable for any portfolio layout types.<\/p>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/4″]

\"\"\/<\/div><\/div><\/div>
<\/div>
<\/div>[vc_column_text]<\/p>\n
With Sidebar<\/span><\/div>\n

[\/vc_column_text][vc_column_text]<\/p>\n

You can use any of portfolio layouts on pages with any sidebars: left or right or both.<\/p>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/4″]

\"\"\/<\/div><\/div><\/div>
<\/div>
<\/div>[vc_column_text]<\/p>\n
In Content<\/span><\/div>\n

[\/vc_column_text][vc_column_text]<\/p>\n

Mix your content with portfolios. Place any portfolio layout on any position in content you wish.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=”stretch_row_content”][vc_column]

<\/div>
<\/div>[vc_text_separator title_light=”1″ title_level=”h3″ title=”portfolio columns”]
<\/div>
<\/div>[\/vc_column][\/vc_row][vc_row el_class=”custom-column”][vc_column width=”1\/6″]
\"\"\/<\/div><\/div><\/div>
<\/div>
<\/div>[vc_column_text]<\/p>\n
1x<\/span><\/div>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/6″]

\"\"\/<\/div><\/div><\/div>
<\/div>
<\/div>[vc_column_text]<\/p>\n
2x<\/span><\/div>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/6″]

\"\"\/<\/div><\/div><\/div>
<\/div>
<\/div>[vc_column_text]<\/p>\n
3x<\/span><\/div>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/6″]

\"\"\/<\/div><\/div><\/div>
<\/div>
<\/div>[vc_column_text]<\/p>\n
4x<\/span><\/div>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/6″]

\"\"\/<\/div><\/div><\/div>
<\/div>
<\/div>[vc_column_text]<\/p>\n
5x<\/span><\/div>\n

[\/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]

<\/div>
<\/div>[vc_text_separator title_light=”1″ title_level=”h3″ title=”portfolio type”]
<\/div>
<\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=”1\/3″]
\"\"\/<\/div><\/div><\/div>
<\/div>
<\/div>[vc_column_text]<\/p>\n
Grid<\/span><\/div>\n

[\/vc_column_text][vc_column_text]<\/p>\n

howcase your projects in various grid overviews like justified, masonry or metro grids with any columns.<\/p>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/3″]

<\/div>
<\/div>
\"\"\/<\/div><\/div><\/div>
<\/div>
<\/div>[vc_column_text]<\/p>\n
Slider<\/span><\/div>\n

[\/vc_column_text][vc_column_text]<\/p>\n

Portfolio sliders are great to showcase your work in an awesome dynamic and still compact way.<\/p>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/3″]

\"\"\/<\/div><\/div><\/div>
<\/div>
<\/div>[vc_column_text]<\/p>\n
List<\/span><\/div>\n

[\/vc_column_text][vc_column_text]<\/p>\n

Overview as classic list of protfolio items with variable text alignments, incl. awesome odd & even option<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=”stretch_row_content”][vc_column]

<\/div>
<\/div>[vc_text_separator title_light=”1″ title_level=”h3″ title=”Display Project Details”]
<\/div>
<\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=”1\/2″]
\"\"\/<\/div><\/div><\/div>
<\/div>
<\/div>[vc_column_text]<\/p>\n
Outside Image<\/span><\/div>\n

[\/vc_column_text][vc_column_text]<\/p>\n

Make any of your chosen project details like title & description always visible in overviews.<\/p>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/2″]

\"\"\/<\/div><\/div><\/div>
<\/div>
<\/div>[vc_column_text]<\/p>\n
On Image<\/span><\/div>\n

[\/vc_column_text][vc_column_text]<\/p>\n

Hide your chosen project details by default and display them on featured image hover.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=”stretch_row_content”][vc_column]

<\/div>
<\/div>[vc_text_separator title_light=”1″ title_level=”h3″ title=”Caption Fill Styles”]
<\/div>
<\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=”1\/3″]
\"\"\/<\/div><\/div><\/div>
<\/div>
<\/div>[vc_column_text]<\/p>\n
Light Background<\/div>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/3″]

\"\"\/<\/div><\/div><\/div>
<\/div>
<\/div>[vc_column_text]<\/p>\n
Grey Background<\/div>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/3″]

\"\"\/<\/div><\/div><\/div>
<\/div>
<\/div>[vc_column_text]<\/p>\n
Dark Background<\/div>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=”stretch_row_content”][vc_column]

<\/div>
<\/div>[vc_text_separator title_light=”1″ title_level=”h3″ title=”Hover Types”]
<\/div>
<\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=”1\/6″]
\"\"\/<\/div><\/div><\/div>[vc_column_text]<\/p>\n
Cyan Breeze<\/span><\/div>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/6″]

\"\"\/<\/div><\/div><\/div>[vc_column_text css=”.vc_custom_1458555745969{padding-right: 0px !important;padding-left: 0px !important;}”]<\/p>\n
Zooming White<\/span><\/div>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/6″ css=”.vc_custom_1458555504558{padding-right: 0px !important;padding-left: 0px !important;}”]

\"\"\/<\/div><\/div><\/div>[vc_column_text]<\/p>\n
Horizontal Sliding<\/span><\/div>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/6″]

\"\"\/<\/div><\/div><\/div>[vc_column_text]<\/p>\n
Vertical Sliding<\/span><\/div>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/6″]

\"\"\/<\/div><\/div><\/div>[vc_column_text]<\/p>\n
Gradient<\/span><\/div>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/6″ css=”.vc_custom_1458555522548{padding-right: 0px !important;padding-left: 0px !important;}”]

\"\"\/<\/div><\/div><\/div>[vc_column_text]<\/p>\n
Circular Overlay<\/span><\/div>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=”stretch_row_content”][vc_column]

<\/div>
<\/div>[vc_text_separator title_light=”1″ title_level=”h3″ title=”Loading Mode & Pagination”]
<\/div>
<\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=”1\/3″]
\"\"\/<\/div><\/div><\/div>
<\/div>
<\/div>[vc_column_text]<\/p>\n
\u201cLoad More\u201d Button<\/div>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/3″]

\"\"\/<\/div><\/div><\/div>
<\/div>
<\/div>[vc_column_text]<\/p>\n
Infinite Scroll<\/div>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/3″]

\"\"\/<\/div><\/div><\/div>
<\/div>
<\/div>[vc_column_text]<\/p>\n
Standard<\/div>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row full_width=”stretch_row_content”][vc_column]

<\/div>
<\/div>[vc_text_separator title_light=”1″ title_level=”h3″ title=”Loading animation”]
<\/div>
<\/div>[\/vc_column][\/vc_row][vc_row][vc_column width=”1\/6″]
\"\"\/<\/div><\/div><\/div>
<\/div>
<\/div>[vc_column_text]<\/p>\n
Fade In<\/div>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/6″]

\"\"\/<\/div><\/div><\/div>
<\/div>
<\/div>[vc_column_text css=”.vc_custom_1458556199882{padding-right: 0px !important;padding-left: 0px !important;}”]<\/p>\n
Fall Perspective<\/div>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/6″ css=”.vc_custom_1458555504558{padding-right: 0px !important;padding-left: 0px !important;}”]

\"\"\/<\/div><\/div><\/div>
<\/div>
<\/div>[vc_column_text]<\/p>\n
Flip<\/div>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/6″]

\"\"\/<\/div><\/div><\/div>
<\/div>
<\/div>[vc_column_text]<\/p>\n
Scale<\/div>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/6″]

\"\"\/<\/div><\/div><\/div>
<\/div>
<\/div>[vc_column_text]<\/p>\n
Bounce<\/div>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/6″ css=”.vc_custom_1458555522548{padding-right: 0px !important;padding-left: 0px !important;}”]

\"\"\/<\/div><\/div><\/div>
<\/div>
<\/div>[vc_column_text]<\/p>\n
Move Up<\/div>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1458556690578{margin-bottom: 0px !important;}”][vc_column]