{"id":188,"date":"2016-10-06T00:19:39","date_gmt":"2016-10-06T00:19:39","guid":{"rendered":"http:\/\/localhost:8888\/doc\/?page_id=188"},"modified":"2019-05-26T15:28:57","modified_gmt":"2019-05-26T15:28:57","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/themenectar.com\/docs\/salient\/theme-options\/portfolio\/","title":{"rendered":"Portfolio"},"content":{"rendered":"[vc_row type=&#8221;full_width_background&#8221; full_screen_row_position=&#8221;middle&#8221; bg_color=&#8221;#ffffff&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; top_padding=&#8221;80&#8243; bottom_padding=&#8221;70&#8243; overlay_strength=&#8221;0.3&#8243; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221; shape_type=&#8221;&#8221;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_position=&#8221;all&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_link_target=&#8221;_self&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; bg_image_animation=&#8221;none&#8221;][vc_column_text css=&#8221;.vc_custom_1558884485024{margin-bottom: 50px !important;}&#8221;]\n<h2>Styling<\/h2>\n<p>Some of the options in the styling tab also exist in the Salient Visual Composer portfolio\u00a0element which you can set (differently if desired) on every instance you create in the page builder. The options in here (theme options panel) will still be used on\u00a0all portfolio\u00a0archive pages.<\/p>\n<ul>\n<li><strong>Main Layout\u00a0<\/strong>Sets the main portfolio layout<\/li>\n<li><strong>Project Style <\/strong>Choose from any of the styles below to display your projects in<\/li>\n<\/ul>\n[\/vc_column_text][vc_row_inner equal_height=&#8221;yes&#8221; column_margin=&#8221;default&#8221; text_align=&#8221;left&#8221;][vc_column_inner column_padding=&#8221;padding-3-percent&#8221; column_padding_position=&#8221;all&#8221; background_color=&#8221;#ffffff&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; width=&#8221;1\/4&#8243; tablet_width_inherit=&#8221;default&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; bg_image_animation=&#8221;none&#8221;][image_with_animation image_url=&#8221;8495&#8243; alignment=&#8221;&#8221; animation=&#8221;Fade In&#8221; img_link_large=&#8221;yes&#8221; border_radius=&#8221;none&#8221; box_shadow=&#8221;none&#8221; max_width=&#8221;100%&#8221;][vc_column_text css=&#8221;.vc_custom_1477225660854{margin-top: 20px !important;}&#8221;]<strong><label for=\"main_portfolio_project_style_0\">Meta below thumb w\/ links on hover<\/label><\/strong>[\/vc_column_text][\/vc_column_inner][vc_column_inner column_padding=&#8221;padding-3-percent&#8221; column_padding_position=&#8221;all&#8221; background_color=&#8221;#ffffff&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; width=&#8221;1\/4&#8243; tablet_width_inherit=&#8221;default&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; bg_image_animation=&#8221;none&#8221;][image_with_animation image_url=&#8221;8496&#8243; alignment=&#8221;&#8221; animation=&#8221;Fade In&#8221; img_link_large=&#8221;yes&#8221; border_radius=&#8221;none&#8221; box_shadow=&#8221;none&#8221; max_width=&#8221;100%&#8221;][vc_column_text css=&#8221;.vc_custom_1477225672343{margin-top: 20px !important;}&#8221;]<strong>Meta on hover + entire thumb link<\/strong>[\/vc_column_text][\/vc_column_inner][vc_column_inner column_padding=&#8221;padding-3-percent&#8221; column_padding_position=&#8221;all&#8221; background_color=&#8221;#ffffff&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; width=&#8221;1\/4&#8243; tablet_width_inherit=&#8221;default&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; bg_image_animation=&#8221;none&#8221;][image_with_animation image_url=&#8221;8496&#8243; alignment=&#8221;&#8221; animation=&#8221;Fade In&#8221; border_radius=&#8221;none&#8221; box_shadow=&#8221;none&#8221; max_width=&#8221;100%&#8221;][vc_column_text css=&#8221;.vc_custom_1477225691098{margin-top: 20px !important;}&#8221;]<strong>Meta on hover w\/ zoom + entire thumb link<\/strong>[\/vc_column_text][\/vc_column_inner][vc_column_inner column_padding=&#8221;padding-3-percent&#8221; column_padding_position=&#8221;all&#8221; background_color=&#8221;#ffffff&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; width=&#8221;1\/4&#8243; tablet_width_inherit=&#8221;default&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; bg_image_animation=&#8221;none&#8221;][image_with_animation image_url=&#8221;8498&#8243; alignment=&#8221;&#8221; animation=&#8221;Fade In&#8221; img_link_large=&#8221;yes&#8221; border_radius=&#8221;none&#8221; box_shadow=&#8221;none&#8221; max_width=&#8221;100%&#8221;][vc_column_text css=&#8221;.vc_custom_1477225705549{margin-top: 20px !important;}&#8221;]<strong>Title overlaid w\/ zoom effect on hover<\/strong>[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][vc_row_inner equal_height=&#8221;yes&#8221; column_margin=&#8221;default&#8221; text_align=&#8221;left&#8221;][vc_column_inner column_padding=&#8221;padding-3-percent&#8221; column_padding_position=&#8221;all&#8221; background_color=&#8221;#ffffff&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; width=&#8221;1\/4&#8243; tablet_width_inherit=&#8221;default&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; bg_image_animation=&#8221;none&#8221;][image_with_animation image_url=&#8221;8508&#8243; alignment=&#8221;&#8221; animation=&#8221;Fade In&#8221; img_link_large=&#8221;yes&#8221; border_radius=&#8221;none&#8221; box_shadow=&#8221;none&#8221; max_width=&#8221;100%&#8221;][vc_column_text css=&#8221;.vc_custom_1477225719471{margin-top: 20px !important;}&#8221;]<strong><label for=\"main_portfolio_project_style_4\">Title overlaid w\/ zoom effect on hover alt<\/label><\/strong>[\/vc_column_text][\/vc_column_inner][vc_column_inner column_padding=&#8221;padding-3-percent&#8221; column_padding_position=&#8221;all&#8221; background_color=&#8221;#ffffff&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; width=&#8221;1\/4&#8243; tablet_width_inherit=&#8221;default&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; bg_image_animation=&#8221;none&#8221;][image_with_animation image_url=&#8221;8499&#8243; alignment=&#8221;&#8221; animation=&#8221;Fade In&#8221; img_link_large=&#8221;yes&#8221; border_radius=&#8221;none&#8221; box_shadow=&#8221;none&#8221; max_width=&#8221;100%&#8221;][vc_column_text css=&#8221;.vc_custom_1477225624223{margin-top: 20px !important;}&#8221;]<strong>Meta from bottom on hover + entire thumb link<\/strong>[\/vc_column_text][\/vc_column_inner][vc_column_inner column_padding=&#8221;padding-3-percent&#8221; column_padding_position=&#8221;all&#8221; background_color=&#8221;#ffffff&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; width=&#8221;1\/4&#8243; tablet_width_inherit=&#8221;default&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; bg_image_animation=&#8221;none&#8221;][image_with_animation image_url=&#8221;9526&#8243; alignment=&#8221;&#8221; animation=&#8221;Fade In&#8221; img_link_large=&#8221;yes&#8221; border_radius=&#8221;none&#8221; box_shadow=&#8221;none&#8221; max_width=&#8221;100%&#8221;][vc_column_text css=&#8221;.vc_custom_1558719242131{margin-top: 25px !important;padding-bottom: 25px !important;}&#8221;]<strong>Meta Overlaid &#8211; Bottom Left Aligned<\/strong>[\/vc_column_text][\/vc_column_inner][vc_column_inner column_padding=&#8221;no-extra-padding&#8221; column_padding_position=&#8221;all&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; width=&#8221;1\/4&#8243; tablet_width_inherit=&#8221;default&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; bg_image_animation=&#8221;none&#8221;][image_with_animation image_url=&#8221;8503&#8243; alignment=&#8221;&#8221; animation=&#8221;Fade In&#8221; img_link_large=&#8221;yes&#8221; border_radius=&#8221;none&#8221; box_shadow=&#8221;none&#8221; max_width=&#8221;100%&#8221;][vc_column_text css=&#8221;.vc_custom_1558719379199{padding-right: 25px !important;padding-bottom: 25px !important;padding-left: 25px !important;}&#8221;]\n<p style=\"text-align: center;\"><strong>Meta + 3D Parallax on hover<\/strong><\/p>\n[\/vc_column_text][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row type=&#8221;in_container&#8221; full_screen_row_position=&#8221;middle&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; top_padding=&#8221;50&#8243; bottom_padding=&#8221;80&#8243; id=&#8221;masonry-item-sizing&#8221; overlay_strength=&#8221;0.3&#8243; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221; shape_type=&#8221;&#8221;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_position=&#8221;all&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_link_target=&#8221;_self&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; bg_image_animation=&#8221;none&#8221;][vc_column_text]\n<ul>\n<li><strong>Masonry Style\u00a0<\/strong>This will allow your portfolio items to display in a masonry layout as opposed to a fixed grid. You can define your masonry sizes in each project.<strong><br \/>\n<\/strong><\/li>\n<li><strong>Masonry Grid Sizing\u00a0<\/strong>Allows you to select the grid layout for your masonry portfolio. This will change the dimensions of the &#8220;Masonry Item Sizing&#8221; field you choose for your projects in the project configuration metabox. After changing this, you will need to run the <a href=\"https:\/\/wordpress.org\/plugins\/regenerate-thumbnails\/\" target=\"_blank\" rel=\"noopener\">regenerate thumbnails<\/a>\u00a0plugin to recrop any featured images that are already uploaded. You must upload your images at a minimum of these dimensions or larger &#8211; uploading smaller than the size chosen will result in an incorrect layout.\n<div>\n<p><strong class=\"top-margin\">Square Based Grid<\/strong><\/p>\n<table class=\"masonry_table\">\n<tbody>\n<tr>\n<th>Masonry Size<\/th>\n<th>Dimensions<\/th>\n<\/tr>\n<tr>\n<td>Regular<\/td>\n<td>500&#215;500<\/td>\n<\/tr>\n<tr>\n<td>Wide<\/td>\n<td>1000&#215;500<\/td>\n<\/tr>\n<tr>\n<td>Tall<\/td>\n<td>1000&#215;500<\/td>\n<\/tr>\n<tr>\n<td>Wide &amp; Tall<\/td>\n<td>1000&#215;1000<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong class=\"top-margin\">Photography Based<\/strong><\/p>\n<table class=\"masonry_table\">\n<tbody>\n<tr>\n<th>Masonry Size<\/th>\n<th>Dimensions<\/th>\n<\/tr>\n<tr>\n<td>Regular<\/td>\n<td>450&#215;600<\/td>\n<\/tr>\n<tr>\n<td>Wide<\/td>\n<td>900&#215;600<\/td>\n<\/tr>\n<tr>\n<td>Wide &amp; Tall<\/td>\n<td>900&#215;1200<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/li>\n<li><strong>Display Filters Horizontally\u00a0<\/strong>This will allow your filters to display horizontally instead of in a dropdown.<\/li>\n<li><strong>Single Project Page Navigation <\/strong>Allows to you select where you would like your project single navigation to display<\/li>\n<li><strong>Load In Animation\u00a0<\/strong>Optionally select what kind of animation you would like for your projects to have when the user first reaches them<\/li>\n<\/ul>\n[\/vc_column_text][vc_column_text css=&#8221;.vc_custom_1558884532886{margin-top: 80px !important;}&#8221;]\n<h2>Functionality<\/h2>\n<ul>\n<li><strong>Portfolio Sidebar Follow on Scroll<\/strong> When supplying extra content, a sidebar enabled page can get quite tall and feel empty on the right side. Enable this option to have your sidebar follow you down the page. Only applies when not using the full width project layout, which is set in the<a href=\"https:\/\/themenectar.com\/docs\/salient\/index.php\/project-metaboxes\/\"> project metabox<\/a><\/li>\n<li><strong>Display Dates on Projects\u00a0<\/strong>Toggle whether or not to show the date on your projects.<\/li>\n<li><strong>Portfolio Pagination\u00a0<\/strong>Choose whether or not to use pagination on your portfolio<\/li>\n<li><strong>Custom Slug\u00a0<\/strong>If you want your portfolio post type to have a custom slug in the url, please enter it here. You will still have to refresh your permalinks after saving this! This is done by going to Settings &gt; Permalinks and clicking save.<\/li>\n<li><strong>Custom Recent Projects Title\u00a0<\/strong>This is be used anywhere you place the recent work shortcode e.g. Recent Work<\/li>\n<li><strong>Custom Recent Projects Link Text\u00a0<\/strong>This is be used anywhere you place the recent work shortcode. e.g. View All Work<\/li>\n<li><strong>Custom Portfolio Page Sortable Text\u00a0<\/strong>By default the text shown in your portfolio filters will say &#8220;Sort Portfolio&#8221;. If you&#8217;d like to change this, enter your desired text here<\/li>\n<li><strong>Main Portfolio Page URL\u00a0<\/strong>This will be used to link back to your main portfolio page from the single project pages i.e. The portfolio page that you are displaying all project categories on. If your &#8220;Back to all&#8221; button in your single project navigation is not leading anywhere, make sure you&#8217;ve entered the URL here<\/li>\n<li><strong>Single Project Nav Arrows Limited To Same Category\u00a0<\/strong>This will cause your single project page next\/prev arrows to lead only to projects that exist in the same category as the current.<\/li>\n<\/ul>\n[\/vc_column_text][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"<p>[vc_row type=&#8221;full_width_background&#8221; full_screen_row_position=&#8221;middle&#8221; bg_color=&#8221;#ffffff&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; top_padding=&#8221;80&#8243; bottom_padding=&#8221;70&#8243; overlay_strength=&#8221;0.3&#8243; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221; shape_type=&#8221;&#8221;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_position=&#8221;all&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_link_target=&#8221;_self&#8221; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221; phone_text_alignment=&#8221;default&#8221; column_border_width=&#8221;none&#8221; column_border_style=&#8221;solid&#8221; bg_image_animation=&#8221;none&#8221;][vc_column_text css=&#8221;.vc_custom_1558884485024{margin-bottom: 50px !important;}&#8221;]&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":166,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/pages\/188"}],"collection":[{"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/comments?post=188"}],"version-history":[{"count":0,"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/pages\/188\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/pages\/166"}],"wp:attachment":[{"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/media?parent=188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}