{"id":910,"date":"2016-12-09T09:26:58","date_gmt":"2016-12-09T09:26:58","guid":{"rendered":"http:\/\/nativewptheme.net\/support\/?p=910"},"modified":"2017-02-20T11:26:10","modified_gmt":"2017-02-20T11:26:10","slug":"portfolio-options","status":"publish","type":"post","link":"https:\/\/nativewptheme.net\/support\/theme-options\/portfolio-options","title":{"rendered":"Portfolio Options"},"content":{"rendered":"<p>Portfolio section is the perfect way to present your projects and creative ideas to the whole world.<\/p>\n<p>Check <a href=\"http:\/\/nativewptheme.net\/support\/post-types\/portfolio-page-creation\">this post<\/a> to learn more about Portfolio page creation.<\/p>\n<h3>Base portfolio options<\/h3>\n<h4>Customize main settings for your portfolio section.<\/h4>\n<p><strong><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-966 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Base-portoflio-options-newjpg.jpg\" alt=\"base-portoflio-options-newjpg\" width=\"978\" height=\"415\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Base-portoflio-options-newjpg.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Base-portoflio-options-newjpg-300x127.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Base-portoflio-options-newjpg-768x326.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/strong><\/p>\n<ul>\n<li><strong>Portfolio URL slug<\/strong> &#8211;\u00a0allows you to change the portfolio slug. Set your custom slug which will be displayed instead of &#8216;portfolio&#8217; in portfolio URL. After changing this option, it is important\u00a0to save the permalinks in <del class=\"support-arrow-right\">Settings<\/del> <del>Permalinks<\/del>.<\/li>\n<li><strong>Portfolio page title<\/strong> &#8211; enter the title for your portfolio page.<\/li>\n<li><strong>Portfolio top link source<\/strong> &#8211;\u00a0allows you to set the page or custom link which will be used for the button placed next to the categories and tags dropdown on pages on pages with <strong>Portfolio page template<\/strong> selected (check the example on <a href=\"http:\/\/nativewptheme.net\/home\/portfolio-metro-boxed\/\" target=\"_blank\">this page<\/a>) and on<strong> single portfolio pages<\/strong> with the <strong>Top pagination<\/strong> style selected, as shown on <a href=\"http:\/\/nativewptheme.net\/home\/portfolio\/grid-right-description\/\" target=\"_blank\">this page<\/a>.\n<ul>\n<li><strong>Page<\/strong> \u2013 allows you to select the page from the existing on your site to be on <strong>Portfolio\u00a0page template<\/strong>.\n<ul>\n<li><strong>Portfolio page<\/strong> \u2013 select the page which will be used as main portfolio page from the drop-down list.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Custom URL<\/strong> \u2013 allows you to set the custom link for the portfolio page.\n<ul>\n<li><strong>Portfolio page URL<\/strong> \u2013 enter the link which will be used as the\u00a0main portfolio page.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3>Single portfolio item options<\/h3>\n<h4>Adjust the settings for the single portfolio items on your site.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-918 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/single-portfolio-item-options.jpg\" alt=\"single-portfolio-item-options\" width=\"978\" height=\"665\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/single-portfolio-item-options.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/single-portfolio-item-options-300x204.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/single-portfolio-item-options-768x522.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<h5>Layout settings<\/h5>\n<ul>\n<li><strong>Custom header<\/strong> \u2013 switch it to <strong>Enable<\/strong> to have the\u00a0custom header on portfolio items by default. It inherits the settings from <del class=\"support-arrow-right\">Theme options<\/del><del class=\"support-arrow-right\">Header options<\/del> <del>Custom header options<\/del> section or you may overwrite them in portfolio item editor <del>Custom Header options<\/del> meta box.<\/li>\n<li><strong>Layout width<\/strong> \u2013 set the single portfolio item content width. <strong>Boxed<\/strong> and <strong>full width<\/strong> variants are available.<\/li>\n<li><strong>Single layout<\/strong> \u2013 select the layout type which will be set as default for all the single portfolio items. Layout with <strong>right<\/strong>, <strong>left, both<\/strong> or\u00a0<strong>no sidebars<\/strong> are available.<\/li>\n<li><strong>Visual Composer default content position<\/strong> &#8211;\u00a0select the position for the Visual Composer content displaying. Two positions are available: <strong>top\u00a0<\/strong>or <strong>bottom<\/strong>.<\/li>\n<\/ul>\n<h5>Page settings<\/h5>\n<ul>\n<li><strong>Layout style<\/strong> &#8211; choose layout style for the single portfolio item.\u00a0<strong>Carousel, Masonry, Grid, Video <\/strong>variants are available. Check more about each layout style in <a href=\"http:\/\/nativewptheme.net\/support\/post-types\/portfolio-item-creation\">this\u00a0post<\/a>\u00a0(<del class=\"support-arrow-right\">Single Portfolio Item options<\/del>\u00a0<del>Advanced\u00a0settings<\/del> meta box).<\/li>\n<\/ul>\n<h5>Content settings<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-925 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-settings-2.jpg\" alt=\"content-settings\" width=\"978\" height=\"634\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-settings-2.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-settings-2-300x194.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-settings-2-768x498.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Categories<\/strong> &#8211; select whether the categories of portfolio item will be displayed or hidden.<\/li>\n<li><strong>Title<\/strong> &#8211; set the title of the portfolio item will be shown or hidden\u00a0above the portfolio item.<\/li>\n<li><strong>Meta<\/strong> \u2013 allows you to show or hide meta information on portfolio item.\n<ul>\n<li><strong>Date<\/strong> \u2013 select whether the date of single portfolio item creation will be shown or hidden.<\/li>\n<li><strong>Category<\/strong>\u00a0\u2013 select the category to be either shown or hidden in meta of the portfolio item.<\/li>\n<li><strong>Comments\u00a0<\/strong>\u2013 allows you to show or hide the comments count of the portfolio work.<\/li>\n<li><strong>Likes<\/strong> \u2013 you to show or hide the likes count of the portfolio item.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Comments counter, tags, likes and share<\/strong> \u2013 allows you to show or hide the comments counter, tags, likes and share on single portfolio item page.<\/li>\n<li><strong>Fixed share<\/strong> &#8211; select whether you want to show or hide the fixed share (side share) on single portfolio item page. Check <a href=\"http:\/\/nativewptheme.net\/home\/portfolio\/carousel-right-info\/\">this link<\/a> with fixed share enabled for single portfolio item.<\/li>\n<\/ul>\n<h5><strong>Pagination settings<\/strong><\/h5>\n<ul>\n<li><strong>Inside pagination<\/strong> \u2013 switch it to <strong>Enable<\/strong> if you want to display pagination between previous and next portfolio items in portfolio item page.<\/li>\n<li><strong>Pagination position<\/strong> \u2013\u00a0select the position of the inside pagination on single portfolio item page. <strong><a href=\"http:\/\/nativewptheme.net\/home\/portfolio\/masonry-left-info\/\">Fixed<\/a>\u00a0<\/strong>and <strong><a href=\"http:\/\/nativewptheme.net\/home\/portfolio\/carousel-right-info\/\">Top<\/a>\u00a0<\/strong>variants are available. You can also <strong>disable\u00a0<\/strong>pagination.<\/li>\n<\/ul>\n<h3>Portfolio page options<\/h3>\n<h4>Select the settings for the pages with Portfolio page template selected as default.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-934 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Portfolio-page-options-new.jpg\" alt=\"portfolio-page-options-new\" width=\"978\" height=\"831\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Portfolio-page-options-new.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Portfolio-page-options-new-300x255.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Portfolio-page-options-new-768x653.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<h5>Layout settings<\/h5>\n<ul>\n<li><strong>Custom header<\/strong> \u2013 switch it to <strong>Enable<\/strong> to have the custom header on the pages with <strong>Portfolio\u00a0page template<\/strong> selected by default.\u00a0It inherits the settings from <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Header options<\/del> <del>Custom header options<\/del> section or you may overwrite them in single page editor <del>Custom Header options<\/del> meta box.<\/li>\n<li><strong>Layout width<\/strong> \u2013 set the portfolio page content width. <strong>Boxed<\/strong> and <strong>full width<\/strong> variants are available.<\/li>\n<li><strong>Portfolio page layout<\/strong> \u2013 select the layout type which will be set as default for the portfolio page. Layout with <strong>right, left<\/strong>, <strong>both<\/strong> or <strong>no sidebars<\/strong> are available.<\/li>\n<\/ul>\n<h5>Page settings<\/h5>\n<ul>\n<li><strong>Categories and tags dropdown<\/strong> &#8211;\u00a0allows you to show or hide categories, tags and author drop-down sorter before portfolio items and the top link source button next to them. Check <a href=\"http:\/\/nativewptheme.net\/home\/portfolio-with-right-sidebar\/\">this page <\/a>as an example.<\/li>\n<li><strong>Portfolio layout style<\/strong> &#8211; choose layout style for the portfolio items on portfolio page.\n<ul>\n<li><strong>Side Image<\/strong> \u2013\u00a0the featured image of the single portfolio item is displayed at one side and description is displayed on opposite one.\n<ul>\n<li><strong>Left image<\/strong> \u2013 the featured image is displayed at left and description is set to right. Follow <a href=\"http:\/\/nativewptheme.net\/home\/portfolio-side-image-left\/\">the link <\/a>to check the example.<\/li>\n<li><strong>Right image<\/strong> \u2013 the featured image is displayed at right and description of the portfolio is set to left. The Right image example can be found <a href=\"http:\/\/nativewptheme.net\/home\/portfolio-side-image-right\/\">here<\/a>.<\/li>\n<li><strong>Mixed<\/strong> \u2013\u00a0the featured images of the portfolios are displayed in a mixed way, having both: left and right feature image displaying. Follow this link to check the <a href=\"http:\/\/nativewptheme.net\/home\/portfolio-side-image-mixed\/\">example<\/a>.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Grid<\/strong>\u00a0\u2013\u00a0allows you to show regularly spaced horizontal and vertical elements. The example of grid portfolio page can be found <a href=\"http:\/\/nativewptheme.net\/home\/portfolio-grid-full-width\/\">here<\/a>.<\/li>\n<li><strong>Masonry<\/strong> \u2013 the style when the elements are shown one after another, first in the horizontal direction, then vertically. Check the <a href=\"http:\/\/nativewptheme.net\/home\/portfolio-masonry-full-width\/\">masonry portfolio page<\/a> example.<\/li>\n<li><strong>Justified Grid<\/strong> \u2013\u00a0shows elements one after another, first in the vertical direction, then horizontally. Check it <a href=\"http:\/\/nativewptheme.net\/home\/portfolio-justified-grid-full-width\/\">here<\/a>.<\/li>\n<li><strong>Metro<\/strong> \u2013\u00a0allows you to show thumbnails images on portfolio page according to Portfolio item style set on the inner portfolio page in <del class=\"support-arrow-right\">Single portfolio options<\/del> <del class=\"support-arrow-right\">Advanced settings<\/del> <del>Portfolio item style<\/del>. Check the example with <a href=\"http:\/\/nativewptheme.net\/home\/portfolio-metro-full-width\/\">this link<\/a>. More details can be found in the <a href=\"http:\/\/nativewptheme.net\/support\/post-types\/portfolio-page-creation\">Portfolio page creation<\/a> post.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Portfolio content style<\/strong> &#8211; select the style of the content for portfolio page. <strong>Simple<\/strong> and <strong>Tiled<\/strong> styles are available.\n<ul>\n<li><strong>Simple\u00a0<\/strong>\u2013 allows you to have transparent background without hover effect. Follow <a href=\"http:\/\/nativewptheme.net\/home\/portfolio-simple-content-style\/\">this link<\/a> to check the simple style.<\/li>\n<li><strong>Tiled<\/strong>\u00a0\u2013 allows you to have white background with shadow hover effect. Check the example <a href=\"http:\/\/nativewptheme.net\/home\/portfolio-tiled-content-style\/\">here<\/a>.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Number of columns<\/strong> \u2013 select the number of columns for portfolio items on the\u00a0portfolio page. Five columns are the\u00a0maximum value (for Grid, Metro and Masonry styles only!).<\/li>\n<li><strong>Sort panel<\/strong> \u2013 allows you to enable or disable portfolio categories sorter above portfolio items. Follow <a href=\"http:\/\/nativewptheme.net\/home\/blog-4-columns\/\">this link <\/a>to check the example.\n<ul>\n<li><strong>Sort panel alignment<\/strong> \u2013 allows you to align the sort panel horizontally. <strong>Left<\/strong>, <strong>right<\/strong> and <strong>center<\/strong> positions are available.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h5>Content settings<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-941 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-settings-forportoflio-page.jpg\" alt=\"content-settings-forportoflio-page\" width=\"978\" height=\"888\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-settings-forportoflio-page.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-settings-forportoflio-page-300x272.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-settings-forportoflio-page-768x697.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Top category<\/strong> &#8211;\u00a0allows you to show or hide the category name on the top right side of the featured image on portfolio page.<\/li>\n<li><strong>Titles<\/strong> &#8211;\u00a0select whether the title of the single portfolio item will be shown or hidden on the portfolio page under the\u00a0featured image of a single portfolio item.<\/li>\n<li><strong>Subtitles<\/strong> &#8211;\u00a0select whether the subtitle of the single portfolio item will be shown or hidden on the portfolio page under the\u00a0featured image of a single portfolio item.<\/li>\n<li><strong>Meta<\/strong> \u2013 allows you to show or hide the information about the portfolio item (date of creation, category, likes, count) under the featured image.\n<ul>\n<li><strong>Date<\/strong> \u2013 select whether the date of single portfolio item creation will be shown or hidden on the portfolio page.<\/li>\n<li><strong>Category<\/strong>\u00a0\u2013 select the category to be either shown or hidden in meta of the single portfolio item.<\/li>\n<li><strong>Comments<\/strong>\u00a0\u2013 allows you to show or hide the comments count of the single portfolio work.<\/li>\n<li><strong>Likes<\/strong> \u2013 you to show or hide the likes count of the single portfolio item.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Content position<\/strong> &#8211; choose the position of the portfolio info content. You can set the content <strong>under<\/strong> or <strong>in front of the media<\/strong>.<\/li>\n<li><strong>Description<\/strong> \u2013 allows you to show or hide short description from the <strong>Excerpt field<\/strong> under the featured image of the\u00a0single portfolio item.<\/li>\n<li><strong>Content alignment<\/strong> &#8211; align the portfolio description vertically. <strong>Center<\/strong>, <strong>left<\/strong> and <strong>right<\/strong> positions are available.<\/li>\n<\/ul>\n<h5>Extra features<\/h5>\n<ul>\n<li><strong>Content position<\/strong>\u00a0&#8211; allows you to select the position of the Visual Composer content. You can set the content <strong>before\u00a0<\/strong>or <strong>after <\/strong>the portfolio items.<\/li>\n<li><strong>Portfolio items offset (in px)<\/strong> &#8211; add space between single portfolio items, do not type&#8221;px&#8221; for this field.<\/li>\n<li><strong>Items appear effect<\/strong> &#8211; select the most suitable appear effect for the portfolio items.<\/li>\n<\/ul>\n<h3>Portfolio archive page options<\/h3>\n<h4>Easily customize the archive pages for portfolio section on your site.<\/h4>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-944 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/portoflio-archive-pages.jpg\" alt=\"portoflio-archive-pages\" width=\"978\" height=\"755\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/portoflio-archive-pages.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/portoflio-archive-pages-300x232.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/portoflio-archive-pages-768x593.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<h5>Layout settings<\/h5>\n<ul>\n<li><strong>Custom header<\/strong> \u2013 switch it to <strong>Enable<\/strong> to have the custom header on the all the portfolio archive pages.\u00a0It inherits the settings from <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Header options<\/del> <del>Custom header options<\/del> section.<\/li>\n<li><strong>Layout width<\/strong> \u2013 set the portfolio archive page content width. <strong>Boxed<\/strong> and <strong>full width<\/strong> variants are available.<\/li>\n<li><strong>Portfolio page layout<\/strong> \u2013 select the layout type which will be set as default for the portfolio archive page. Layout with <strong>right, left<\/strong>, <strong>both<\/strong> or <strong>no sidebars<\/strong> are available.<\/li>\n<\/ul>\n<h5>Page settings<\/h5>\n<ul>\n<li><strong>Portfolio layout style<\/strong> \u2013 choose layout style for the portfolio items on portfolio\u00a0archive page.\n<ul>\n<li><strong>Side Image<\/strong> \u2013\u00a0the featured image of the single portfolio item is displayed at one side and description is displayed on opposite one.\n<ul>\n<li><strong>Left image<\/strong> \u2013 the featured image is displayed at left and description is set to right. Follow <a href=\"http:\/\/nativewptheme.net\/home\/portfolio-side-image-left\/\">the link <\/a>to check the example.<\/li>\n<li><strong>Right image<\/strong> \u2013 the featured image is displayed at right and description of the portfolio is set to left. The Right image example can be found <a href=\"http:\/\/nativewptheme.net\/home\/portfolio-side-image-right\/\">here<\/a>.<\/li>\n<li><strong>Mixed<\/strong> \u2013\u00a0the featured images of the portfolios are displayed in a mixed way, having both: left and right feature image displaying. Follow this link to check the <a href=\"http:\/\/nativewptheme.net\/home\/portfolio-side-image-mixed\/\">example<\/a>.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Grid<\/strong>\u00a0\u2013\u00a0allows you to show regularly spaced horizontal and vertical elements. The example of grid portfolio page can be found <a href=\"http:\/\/nativewptheme.net\/home\/portfolio-grid-full-width\/\">here<\/a>.<\/li>\n<li><strong>Masonry<\/strong> \u2013 the style when the elements are shown one after another, first in the horizontal direction, then vertically. Check the <a href=\"http:\/\/nativewptheme.net\/home\/portfolio-masonry-full-width\/\">masonry portfolio page<\/a> example.<\/li>\n<li><strong>Justified Grid<\/strong> \u2013\u00a0shows elements one after another, first in the vertical direction, then horizontally. Check it <a href=\"http:\/\/nativewptheme.net\/home\/portfolio-justified-grid-full-width\/\">here<\/a>.<\/li>\n<li><strong>Metro<\/strong> \u2013\u00a0allows you to show thumbnails images on portfolio page according to Portfolio item style set on the inner portfolio page in <del class=\"support-arrow-right\">Single portfolio options<\/del> <del class=\"support-arrow-right\">Advanced settings<\/del> <del>Portfolio item style<\/del>. Check the example with <a href=\"http:\/\/nativewptheme.net\/home\/portfolio-metro-full-width\/\">this link<\/a>. More details can be found in the <a href=\"http:\/\/nativewptheme.net\/support\/post-types\/portfolio-page-creation\">Portfolio page creation<\/a> post.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Portfolio content style<\/strong> \u2013 select the style of the content for portfolio\u00a0archive page. <strong>Simple<\/strong> and <strong>Tiled<\/strong> styles are available.\n<ul>\n<li><strong>Simple\u00a0<\/strong>\u2013 allows you to have transparent background without hover effect. Follow <a href=\"http:\/\/nativewptheme.net\/home\/portfolio-simple-content-style\/\">this link<\/a> to check the simple style.<\/li>\n<li><strong>Tiled<\/strong>\u00a0\u2013 allows you to have white background with shadow hover effect. Check the example <a href=\"http:\/\/nativewptheme.net\/home\/portfolio-tiled-content-style\/\">here<\/a>.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Number of columns<\/strong> \u2013 select the number of columns for portfolio items on the\u00a0portfolio archive page. Five columns are the\u00a0maximum value (for Grid, Metro and Masonry styles only!).<\/li>\n<\/ul>\n<h5>Content settings<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-948 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-settings-archve-new.jpg\" alt=\"content-settings-archve-new\" width=\"978\" height=\"732\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-settings-archve-new.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-settings-archve-new-300x225.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/content-settings-archve-new-768x575.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Titles<\/strong> &#8211;\u00a0select whether the title of the single portfolio item will be shown or hidden on the portfolio archive page under the\u00a0featured image of a single portfolio item.<\/li>\n<li><strong>Subtitles<\/strong> &#8211;\u00a0select whether the subtitle of the single portfolio item will be shown or hidden on the portfolio archive page under the\u00a0featured image of a single portfolio item.<\/li>\n<li><strong>Meta<\/strong> \u2013 allows you to show or hide the information about the portfolio item (date of creation, category, likes, count) under the featured image.\n<ul>\n<li><strong>Date<\/strong> \u2013 select whether the date of single portfolio item creation will be shown or hidden on the portfolio archive page.<\/li>\n<li><strong>Category<\/strong>\u00a0\u2013 select the category to be either shown or hidden in meta of the single portfolio item.<\/li>\n<li><strong>Comments<\/strong>\u00a0\u2013 allows you to show or hide the comments count of the single portfolio work.<\/li>\n<li><strong>Likes<\/strong> \u2013 you to show or hide the likes count of the single portfolio item.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Content position<\/strong> &#8211; choose the position of the portfolio info content. You can set the content <strong>under<\/strong> or <strong>in front of the media<\/strong>.<\/li>\n<li><strong>Description<\/strong> \u2013 allows you to show or hide short description from the <strong>Excerpt field<\/strong> under the featured image of the\u00a0single portfolio item.<\/li>\n<li><strong>Content alignment<\/strong> &#8211; align the portfolio description vertically. <strong>Center<\/strong>, <strong>left<\/strong> and <strong>right<\/strong> positions are available.<\/li>\n<\/ul>\n<h5>Extra features<\/h5>\n<ul>\n<li><strong>Portfolio items offset (in px)<\/strong> \u2013 add space between single portfolio items, do not type\u201dpx\u201d for this field.<\/li>\n<li><strong>Items appear effect<\/strong> \u2013 select the most suitable the appear effect for the portfolio items.<\/li>\n<\/ul>\n<h3>Portfolio hover options<\/h3>\n<h4>Create stylish and incomparable hover effect for the portfolio items on your site.<\/h4>\n<p class=\"description\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-957 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/portfolio-hover-options-up.jpg\" alt=\"portfolio-hover-options-up\" width=\"978\" height=\"781\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/portfolio-hover-options-up.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/portfolio-hover-options-up-300x240.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/portfolio-hover-options-up-768x613.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<h5 class=\"description\">Main hover settings<\/h5>\n<ul>\n<li><strong>Portfolio hover<\/strong> &#8211; switch it to <strong>Enable<\/strong>\u00a0to activate hover effect for the portfolio items.<\/li>\n<li><strong>Mask appear effect<\/strong> &#8211; allows you to select the appear effect fort the mask on hover for the portfolio items.<\/li>\n<li><strong>Image effect<\/strong> &#8211;\u00a0This option allows you to choose the image effect for the portfolio items.<\/li>\n<\/ul>\n<h5>Hover color scheme settings<\/h5>\n<ul>\n<li><strong>Text color<\/strong> &#8211; select the color for the text which will appear on portfolio single item hover.<\/li>\n<li><strong>Hover mask background style<\/strong> &#8211; set the background style for the hover mask.\n<ul>\n<li><strong>Simple<\/strong> &#8211; select this style to have one color for the portfolio hover.\n<ul>\n<li><strong>Mask background color<\/strong> &#8211; select the background color for the hover mask.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Gradient<\/strong> &#8211; select this style to have the gradient style for portfolio hover.\n<ul>\n<li><strong>Background gradient<\/strong> &#8211; choose the start and end color for the hover mask gradient color for portfolios.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<li><strong>Background opacity<\/strong> &#8211; set the opacity value for the hover mask background.<\/li>\n<li><strong>Buttons background<\/strong> &#8211; select the background color for buttons, works for <strong>Buttons<\/strong> selected as <strong>main hover decoration <\/strong>in <del class=\"support-arrow-right\">Theme options<\/del> <del class=\"support-arrow-right\">Portfolio options<\/del> <del>Portfolio hover options<\/del> section.<\/li>\n<\/ul>\n<p><strong>Mask settings<\/strong><\/p>\n<p><strong><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-958 size-full\" src=\"http:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Mask-settings.jpg\" alt=\"mask-settings\" width=\"978\" height=\"529\" srcset=\"https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Mask-settings.jpg 978w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Mask-settings-300x162.jpg 300w, https:\/\/nativewptheme.net\/support\/wp-content\/uploads\/2016\/12\/Mask-settings-768x415.jpg 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/strong><\/p>\n<ul>\n<li><strong>Frame decoration<\/strong> &#8211; switch it to <strong>Enable<\/strong> if you want to activate the frame decoration for the hover effect on portfolio. Check the example of the frame <a href=\"http:\/\/nativewptheme.net\/home\/portfolio-example-3\/\">here<\/a>.<\/li>\n<li><strong>Frame style<\/strong> &#8211; select the frame style for your portfolio items.\n<ul>\n<li><strong>Simple border<\/strong> &#8211; it allows you to add the border on hover for portfolio items.\n<ul>\n<li><strong>Frame size<\/strong> &#8211; set the width for the border to be displayed on hover.<\/li>\n<li><strong>Frame border color<\/strong> &#8211; \u0441hoose the color for the frame decoration on hover.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Offset<\/strong> &#8211; it allows you to add the offset for the hover effect on portfolio items (so the offset will be displayed\u00a0around the featured image of portfolio item).\n<ul>\n<li><strong>Frame size<\/strong> &#8211; set the width for the offset to be displayed on hover for portfolio items.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h5>Hover decoration settings<\/h5>\n<ul>\n<li><strong>Main hover decoration<\/strong> \u2013 set the decoration which will be displayed on hover.\n<ul>\n<li><strong>None<\/strong> \u2013 no decoration is set for mouse hover effect.<\/li>\n<li><strong>Heading<\/strong> \u2013\u00a0allows showing the portfolio title\/subtitle which is possible to link to the single portfolio item page itself, to the\u00a0external link or open the image in lightbox. Follow <a href=\"http:\/\/nativewptheme.net\/home\/portfolio-example-7\/\">this link<\/a> to check the example.\n<ul>\n<li><strong>Title<\/strong> \u2013 set to <strong>Enable<\/strong> if you want the portfolio item title to be displayed on hover.<\/li>\n<li><strong>Subtitle<\/strong> \u2013\u00a0set to <strong>Enable<\/strong> if you want the portfolio item subtitle to be displayed on hover.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Plus<\/strong> \u2013 the plus icon will be displayed as hover decoration. Check the example <a href=\"http:\/\/nativewptheme.net\/home\/portfolio-example-10\/\">here<\/a>.\n<ul>\n<li><strong>Plus decoration\u00a0<\/strong>\u2013 the plus icons has several styles available. It can be displayed as <strong>Big plus in the middle of the thumb<\/strong>,\u00a0<strong>Small plus in the middle of the thumb<\/strong>, it can be <strong>following the mouse.<\/strong><\/li>\n<\/ul>\n<\/li>\n<li><strong>Dots<\/strong> \u2013\u00a0three dots will be displayed as hover decoration.\u00a0Check the example of dots decoration with <a href=\"http:\/\/nativewptheme.net\/home\/portfolio-example-1\/\">this link<\/a>.<\/li>\n<li><strong>Buttons<\/strong> \u2013 select the button which will appear on hover. Check the example <a href=\"http:\/\/nativewptheme.net\/home\/portfolio-example-2\/\">here<\/a>.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>More details can be found in the <a href=\"http:\/\/nativewptheme.net\/support\/post-types\/portfolio-page-creation\">Portfolio page creation<\/a> post <del class=\"support-arrow-right\">Portfolio hover options<\/del> meta box <del>Hover mask settings<\/del> section.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Portfolio section is the perfect way to present your projects and creative ideas to the whole world. Check this post to learn more about Portfolio page creation. Base portfolio options<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[41,11],"_links":{"self":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/910"}],"collection":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/comments?post=910"}],"version-history":[{"count":39,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/910\/revisions"}],"predecessor-version":[{"id":12202,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/posts\/910\/revisions\/12202"}],"wp:attachment":[{"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/media?parent=910"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/categories?post=910"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nativewptheme.net\/support\/wp-json\/wp\/v2\/tags?post=910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}