{"id":9500,"date":"2019-05-24T17:19:13","date_gmt":"2019-05-24T17:19:13","guid":{"rendered":"http:\/\/themenectar.com\/docs\/salient\/?page_id=9500"},"modified":"2019-05-26T15:23:50","modified_gmt":"2019-05-26T15:23:50","slug":"salient-portfolio-plugin","status":"publish","type":"page","link":"https:\/\/themenectar.com\/docs\/salient\/salient-portfolio-plugin\/","title":{"rendered":"Salient Portfolio Plugin"},"content":{"rendered":"[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; overlay_strength=&#8221;0.3&#8243; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#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;][page_submenu alignment=&#8221;left&#8221; sticky=&#8221;true&#8221; bg_color=&#8221;#075aff&#8221; link_color=&#8221;#ffffff&#8221;][page_link link_url=&#8221;#overview&#8221; title=&#8221;Overview&#8221; id=&#8221;1558884210593-4&#8243; tab_id=&#8221;1558884210594-5&#8243;] [\/page_link][page_link link_url=&#8221;#page-builder-element&#8221; title=&#8221;Page Builder Element&#8221; id=&#8221;1558884210681-6&#8243; tab_id=&#8221;1558884210682-2&#8243;] [\/page_link][page_link link_url=&#8221;#metabox-settings&#8221; title=&#8221;Metabox Settings&#8221; id=&#8221;1558884210739-6&#8243; tab_id=&#8221;1558884210740-9&#8243;] [\/page_link][\/page_submenu][\/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;80&#8243; id=&#8221;overview&#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<h2>Portfolio Post Type Overview<\/h2>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8221;in_container&#8221; full_screen_row_position=&#8221;middle&#8221; equal_height=&#8221;yes&#8221; content_placement=&#8221;middle&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; top_padding=&#8221;10&#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;padding-2-percent&#8221; column_padding_position=&#8221;right&#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\/3&#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_1558717437535{margin-bottom: 50px !important;}&#8221;]Creating projects within the portfolio post type is similar to creating pages\/posts. Below we will cover what all the areas within a project creation page are for.<\/p>\n<ul>\n<li><strong><span style=\"color: #3485ff;\">First Editor:<\/span><\/strong><span style=\"color: #000000;\"> Populates the sidebar content for your single project layout. This editor will be hidden (as it is not used) when the option &#8220;<strong>Full Width Portfolio Item Layout<\/strong>&#8221; is activated in the project configuration metabox.<\/span><\/li>\n<li><strong><span style=\"color: #20c90e;\">Second Editor<\/span>: <\/strong>This is where your main project content will live. This editor also has access to the Salient WPBakery Page Builder.<\/li>\n<li><span style=\"color: #ff3434;\"><strong>Project Categories<\/strong><\/span>: The main way to group your projects. The categories here will be available to show as filters when displaying a portfolio element.<\/li>\n<li><span style=\"color: #ab34ff;\"><strong>Project Attributes<\/strong><\/span>: The secondary taxonomy to group projects together. Currently there is no option to display these in filters for users, however you can link to directly to each attribute by using the URL domain.com\/project-attributes\/your-attribute<\/li>\n<\/ul>\n[\/vc_column_text][\/vc_column][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;2\/3&#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;][image_with_animation image_url=&#8221;9503&#8243; alignment=&#8221;center&#8221; animation=&#8221;Fade In&#8221; img_link_large=&#8221;yes&#8221; border_radius=&#8221;5px&#8221; box_shadow=&#8221;large_depth&#8221; max_width=&#8221;100%&#8221;][\/vc_column][\/vc_row][vc_row type=&#8221;full_width_background&#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;100&#8243; bottom_padding=&#8221;70&#8243; id=&#8221;page-builder-element&#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 css=&#8221;.vc_custom_1558718454625{margin-bottom: 40px !important;}&#8221; max_width=&#8221;700&#8243;]\n<h2>Portfolio Page Builder Element Settings<\/h2>\n<p>The following are options available for the portfolio page builder element. They will control how the portfolio grid will display.[\/vc_column_text][vc_column_text]\n<ul>\n<li><b>Layout: <\/b>Determines\u00a0the column formatting of your portfolio instance. If you choose the &#8220;Fullwidth&#8221; or &#8220;Fullwidth Constrained&#8221; option, the below masonry option will behave differently and use the &#8220;<a href=\"https:\/\/themenectar.com\/docs\/salient\/theme-options\/portfolio\/#masonry-item-sizing\" target=\"_blank\" rel=\"noopener\">Masonry Item Sizing<\/a>&#8221; which is set on a per-project basis.<\/li>\n<li>\n<div class=\"wpb_element_label\"><strong>Project Style:\u00a0<\/strong>Sets the style that the projects within the current portfolio instance will use. See examples below:<\/div>\n<\/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_text]\n<ul>\n<li>\n<div class=\"wpb_element_label\"><strong>Item Spacing: <\/strong>Allows you to control the space between each project within the portfolio grid.<\/div>\n<\/li>\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.<\/li>\n<li><strong>Bypass Image Cropping:<\/strong>\u00a0Enabling this will cause your portfolio to bypass the default Salient image cropping which varies based on project settings\/above layout selection. The result will be a traditional masonry layout rather than a structured grid.<\/li>\n<li>\n<div class=\"wpb_element_label\"><strong>Enable Sortable: <\/strong>This will add category filters for users to sort projects.<\/div>\n<\/li>\n<li>\n<div class=\"wpb_element_label\"><strong>Horizontal Filters: <\/strong>Changes the default filter dropdown into horizontal filters.<\/div>\n<\/li>\n<li>\n<div class=\"wpb_element_label\"><strong>Filter Color Scheme: <\/strong>Alters the coloring of the portfolio filters.<\/div>\n<\/li>\n<li>\n<div class=\"wpb_element_label\"><strong>Enable Pagination: <\/strong>Adds pagination to the portfolio instance. Recommended when displaying a lot of projects.<\/div>\n<\/li>\n<li>\n<div class=\"wpb_element_label\"><strong>Projects Per Page:\u00a0 <\/strong>Determines how many projects to display on each page of a paginated portfolio.\u00a0\u00a0If pagination is not enabled, the portfolio will simply show this number of projects.<\/div>\n<\/li>\n<li>\n<div class=\"wpb_element_label\"><strong>Project Offset:<\/strong> Offsets a portfolio query to skip x amount of projects.<\/div>\n<\/li>\n<li>\n<div class=\"wpb_element_label\"><strong>Lightbox Only<\/strong>: This will remove the single project page from being accessible thus rendering your portfolio into only a gallery.<\/div>\n<\/li>\n<li>\n<div class=\"wpb_element_label\"><strong>Load In Animation:<\/strong> Optionally shows each project with an animation when scrolled into view.<\/div>\n<\/li>\n<\/ul>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8221;full_width_background&#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;100&#8243; id=&#8221;metabox-settings&#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 max_width=&#8221;700&#8243; css=&#8221;.vc_custom_1558718449752{margin-bottom: 40px !important;}&#8221;]\n<h2>Portfolio Project Metabox Settings<\/h2>\n<p>The following are options that unique for each project. You can find them in metaboxes when editing a project at the bottom, below the content editor.[\/vc_column_text][vc_column_text]\n<h3>Project Configuration<\/h3>\n[\/vc_column_text][vc_column_text]\n<ul>\n<li><strong>Full Width Portfolio Item Layout\u00a0<\/strong>Enabling this option will remove the default WP editor for the project (which is used to populate the sidebar area) and leave only the <strong>Extra Content<\/strong> editor which will now display the full width of the project container. This editor will also have access to the Salient Visual Composer page builder.<\/li>\n<li><strong>Custom Content Grid Item\u00a0<\/strong>This will allow you to place custom content in your portfolio grid\u00a0using a simple editor that will appear. By default, the project title and date (or custom except) are shown each project, but this will allow you to place any content you desire e.g. a Nectar shortcode. By using this option, the single project page will also be disabled for the project.<\/li>\n<li><strong>Custom Thumbnail Image <\/strong>If an image is supplied for this field it will be used instead of the regular<strong> Featured Image.\u00a0<\/strong>No cropping will occur so make sure you&#8217;re keeping track of the aspect ratio or else you could end up with unexpected layouts.<\/li>\n<li><strong>Hide Featured Image\/Video on Single Project Page?<\/strong>\u00a0By default the featured image you supply is also shown in the single project page at the top, enable this option to remove it.<\/li>\n<li><strong>Masonry Item Sizing <\/strong>This will set the size of your project when using a portfolio element set to a masonry enabled layout. For more details on what these sizes will display as, see the &#8220;<a href=\"https:\/\/themenectar.com\/docs\/salient\/theme-options\/portfolio\/\">Masonry Grid Sizing<\/a>&#8221; section of the documentation.<\/li>\n<li><strong>External Project URL\u00a0<\/strong>If you would like your project to link to a custom location, enter it here (remember to include &#8220;http:\/\/&#8221;)<\/li>\n<li><strong>Parent Portfolio Override\u00a0<\/strong>This allows you to manually assign where your &#8220;Back to all&#8221; button will take the user on your single portfolio item pages. There&#8217;s a global option for this in the <strong>Salient options panel &gt; portfolio &gt; functionality<\/strong> tab as well.<\/li>\n<li><strong>Project Excerpt<\/strong>\u00a0By default the project date will display under your title in the portfolio grid. However, If you would like your project to display a small excerpt of text under the title in portfolio element instead, enter it here.<\/li>\n<li><strong>Project Accent Color, Project Title Color, Project Date\/Custom Excerpt Color\u00a0<\/strong>These will be used in the portfolio thumbnail view to alter the color of the given attribute.<\/li>\n<\/ul>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8221;full_width_background&#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;7%&#8221; bottom_padding=&#8221;7%&#8221; id=&#8221;project-header-config&#8221; overlay_strength=&#8221;0.3&#8243; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#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<h3>Project Header Settings<\/h3>\n<p>The header settings for the portfolio post type are similar to the ones in the page post type, only slightly more limited.[\/vc_column_text][vc_column_text]\n<ul>\n<li><strong>Background Image:<\/strong> Allows you to upload an image that will be shown in the Background of your page header. Since it will be displayed full width, make sure yo supply a decent size image in order to ensure a good viewing experience on desktops. e.g. 1<strong>600px wide<\/strong>\u00a0by <strong>350px tall\u00a0(<\/strong>or whatever you have for your defined header height)<\/li>\n<li><strong>Page Header Height:<\/strong>\u00a0This controls how tall your header will display on desktop displays. Enter the desired value in px but don&#8217;t include the &#8220;px&#8221;. e.g. &#8220;350&#8221;<\/li>\n<li><strong>Page Header Subtitle: <\/strong>An optional title which will be displayed smaller under the main title<\/li>\n<li><strong>Page Header Background Color: <\/strong>Allows you to set an optional background color for the page header<\/li>\n<li><strong>Page Header Font Color: <\/strong>Allows you to define your own color for the page header title\/subtitle &#8211; the default is white<\/li>\n<\/ul>\n<p>The following option will only appear when you have the <strong>Use Transparent Header When Applicable<\/strong> option turned on in the <strong>Salient options panel &gt; Header Navigation &gt; Transparency<\/strong> tab. To learn more about how the transparent navigation effect works please see this\u00a0<a href=\"https:\/\/themenectar.com\/docs\/salient\/index.php\/theme-options\/header-navigation\/\">section in the documentation<\/a> about it.<\/p>\n<ul>\n<li><strong>Disable Transparency From Navigation:\u00a0<\/strong>Will deactivate the transparent effect from your header navigation when it would otherwise be enabled\u00a0due to use a background color or background image on your project header.<\/li>\n<\/ul>\n[\/vc_column_text][\/vc_column][\/vc_row][vc_row type=&#8221;full_width_background&#8221; full_screen_row_position=&#8221;middle&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; bottom_padding=&#8221;7%&#8221; id=&#8221;video-settings&#8221; overlay_strength=&#8221;0.3&#8243; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#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<h3>Video Settings<\/h3>\n<p>These settings are just a quick way to add a self hosted video player into the top of your single project. You can also add a video through the page builder in the main editor.[\/vc_column_text][vc_column_text]\n<ul>\n<li><strong>Video Height<\/strong>\u00a0This only needs to be filled out if your self hosted video is not in a 16:9 aspect ratio. Enter your height based on an 845px width. This is used to calculate the iframe height for the &#8220;Watch Video&#8221; link.<br \/>\n<strong>Don&#8217;t include &#8220;px&#8221; in the string. e.g. 480<\/strong><\/li>\n<li><strong>Preview Image<\/strong>\u00a0should be at least 680px wide. Click the &#8220;Upload&#8221; button to begin uploading your image, followed by &#8220;Select File&#8221; once you have made your selection. Only applies to self-hosted videos.<\/li>\n<li><strong>Embedded Code<\/strong>\u00a0If the video is an embed rather than self-hosted, enter in a Youtube or Vimeo embed code here. The width should be a minimum of 670px with any height.<\/li>\n<\/ul>\n[\/vc_column_text][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"<p>[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; overlay_strength=&#8221;0.3&#8243; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#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;][page_submenu alignment=&#8221;left&#8221; sticky=&#8221;true&#8221; bg_color=&#8221;#075aff&#8221; link_color=&#8221;#ffffff&#8221;][page_link link_url=&#8221;#overview&#8221; title=&#8221;Overview&#8221; id=&#8221;1558884210593-4&#8243;&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"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\/9500"}],"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=9500"}],"version-history":[{"count":0,"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/pages\/9500\/revisions"}],"wp:attachment":[{"href":"https:\/\/themenectar.com\/docs\/salient\/wp-json\/wp\/v2\/media?parent=9500"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}