{"id":910,"date":"2016-12-09T09:26:58","date_gmt":"2016-12-09T09:26:58","guid":{"rendered":"http:\/\/rnbtheme.com\/documentation\/?p=910"},"modified":"2023-07-31T17:44:57","modified_gmt":"2023-07-31T17:44:57","slug":"portfolio-options","status":"publish","type":"post","link":"https:\/\/rnbtheme.com\/documentation\/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:\/\/rnbtheme.com\/documentation\/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><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13990\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-base.png\" alt=\"\" width=\"978\" height=\"437\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-base.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-base-300x134.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-base-768x343.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\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:\/\/rnbtheme.com\/home-demo\/portfolio-masonry-2-col-with-title\/\" target=\"_blank\" rel=\"noopener\">this page<\/a>) and on<strong> single portfolio pages<\/strong> with the <strong>Top pagination<\/strong> style selected, as shown on <a href=\"http:\/\/rnbtheme.com\/home-demo\/my-product\/ut-wisi-enim\/\" target=\"_blank\" rel=\"noopener\">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<\/li>\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;my-product&#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>. Check more in <a href=\"http:\/\/rnbtheme.com\/documentation\/knowledge-base\/setting-pretty-permalinks\" target=\"_blank\" rel=\"noopener\">this post<\/a>.<\/li>\n<\/ul>\n<h5>Content settings<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13991\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-content.png\" alt=\"\" width=\"978\" height=\"568\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-content.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-content-300x174.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-content-768x446.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Portfolio inner page description title<\/strong> &#8211; enter the title for your portfolio page.<\/li>\n<li><strong>Sort panel<\/strong> &#8211;\u00a0set it to <strong>Enable<\/strong> to show portfolio categories sorter above portfolio items on deprecated portfolio page templates.<\/li>\n<li><strong>Display single item meta<\/strong> &#8211; set it to <strong>Enable<\/strong> to show the single portfolio item&#8217;s meta(publication date, author, and category) on the portfolio page.<\/li>\n<li><strong>Display block under single item<\/strong> &#8211;\u00a0set it to <strong>Enable<\/strong> to display the block that will be displayed under all single portfolios.\n<ul>\n<li><strong>Block shortcode<\/strong> &#8211;\u00a0\u00a0enter the shortcode of the needed module into this field that will be displayed under all single posts. More details can be found in <a href=\"http:\/\/rnbtheme.com\/documentation\/knowledge-base\/block-shortcode-creation\" target=\"_blank\" rel=\"noopener\">this post<\/a>.<\/li>\n<\/ul>\n<\/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<h5 class=\"description\">Layout settings<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13998\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-page-2.png\" alt=\"\" width=\"978\" height=\"818\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-page-2.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-page-2-300x251.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-page-2-768x642.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\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 layout style<\/strong>\u00a0\u2013 select layout style for the single portfolio items on your portfolio page.\n<ul>\n<li><strong>Standard<\/strong>\u00a0\u2013 the featured image of the single portfolio items is displayed in one column with the description below it. Find the example of the page\u00a0<a href=\"http:\/\/rnbtheme.com\/home-demo\/classic-layout\/\" target=\"_blank\" rel=\"noopener\">here<\/a>.<\/li>\n<li><strong>Masonry<\/strong>\u00a0\u2013 the portfolios are aligned into a masonry sections. The content takes as much space as needed and the thumbnails are not cropped and adjusted to it. Find the example of the page\u00a0<a href=\"http:\/\/rnbtheme.com\/home-demo\/masonry-layout\/\">here<\/a>.<\/li>\n<li><strong>Grid<\/strong>\u00a0\u2013 the portfolio items are aligned into a grid equal sections. The content is adjusted to take equal space and the thumbnails are cropped respectively. Grid page example can be found\u00a0<a href=\"http:\/\/rnbtheme.com\/home-demo\/grid-layout\/\">here<\/a>.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Sidebar configuration<\/strong>\u00a0\u2013\u00a0set the sidebars to be shown on the portfolio\u00a0page. \u00a0\u00a0<strong>No sidebars, sidebar on left, sidebar on right<\/strong>\u00a0and\u00a0<strong>both left and right sidebars\u00a0<\/strong>are available.<\/li>\n<li><strong>Stunning header<\/strong>\u00a0\u2013 switch it to\u00a0<strong>Enable<\/strong>\u00a0to have the\u00a0stunning header on portfolio page by default. It inherits the settings from\u00a0<del class=\"support-arrow-right\">Theme options<\/del>\u00a0<del class=\"support-arrow-right\">Header options<\/del>\u00a0<del>Stunning header options<\/del>\u00a0section or you may overwrite them in single portfolio editor\u00a0<del>Stunning Header options<\/del>\u00a0meta box.<\/li>\n<li><strong>Categories and tags dropdown<\/strong>\u00a0\u2013 adds categories, tags and author drop-down sorter before portfolio items. Check <a href=\"http:\/\/rnbtheme.com\/home-demo\/masonry-layout\/\" target=\"_blank\" rel=\"noopener\">this link<\/a> to view the example.<\/li>\n<li><strong>Sort panel<\/strong>\u00a0\u2013 allows you to enable or disable portfolio categories sorter above portfolio items (for Grid and Masonry styles only!). \u00a0The example can be found <a href=\"http:\/\/rnbtheme.com\/home-demo\/masonry-layout\/\" target=\"_blank\" rel=\"noopener\">here<\/a>.<\/li>\n<li><strong>Sort panel alignment<\/strong> &#8211;\u00a0select the alignment for the sort panel horizontally. <strong>Left<\/strong>, <strong>right<\/strong> and <strong>center<\/strong> positions are available.<\/li>\n<li><strong>Portfolio items offset (in px)<\/strong> \u2013 adds space between single portfolios on the portfolio page.<\/li>\n<li><strong>Number of columns<\/strong>\u00a0\u2013 select the number of columns for portfolio items on the\u00a0portfolio page. Five columns are the\u00a0maximum value (for Grid and Masonry styles only!).<\/li>\n<\/ul>\n<h5>Content settings<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13999\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-page-content.png\" alt=\"\" width=\"978\" height=\"877\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-page-content.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-page-content-300x269.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-page-content-768x689.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Titles<\/strong>\u00a0\u2013 set the titles of the portfolio item to be shown or hidden\u00a0above the portfolio item, for Portfolio inside 2 variant Portfolio Template.<\/li>\n<li><strong>Subtitle<\/strong>\u00a0\u2013 set the subtitle of the portfolio item to be shown or hidden\u00a0above the portfolio item, for Portfolio inside 2 variant Portfolio Template.<\/li>\n<li><strong>Meta<\/strong>\u00a0\u2013 allows you to show or hide the information about the portfolio item (date of creation, category, likes, count) under the featured image.<\/li>\n<li><strong>Comments <\/strong>\u2013\u00a0select whether to show or hide the comments count of the single portfolio item.<\/li>\n<li><strong>Likes<\/strong>\u00a0\u2013\u00a0select if you\u2019d like to show or hide the likes count of the single portfolio item.<\/li>\n<li><strong>Comments and likes style<\/strong>\u00a0\u2013 \u00a0set the visibility of comments and likes counter.\u00a0<strong>Always show<\/strong>\u00a0or\u00a0<strong>Show on hover<\/strong>\u00a0variants are available.<\/li>\n<li><strong>Description<\/strong>\u00a0\u2013 allows you to show or hide short description from the\u00a0<strong>Excerpt field<\/strong>\u00a0under the featured image of the\u00a0single portfolio item.<\/li>\n<li><strong>Content alignment<\/strong>\u00a0\u2013\u00a0set the horizontal alignment for the content of single portfolio item.\u00a0<strong>Left<\/strong>, <strong>right<\/strong> and <strong>center<\/strong> positions are available.<\/li>\n<li><strong>Read more and share<\/strong> &#8211; set it to <strong>Enable<\/strong> t to display the read more and share buttons for each single portfolio item on the portfolio\u00a0page.\n<ul>\n<li><strong>Read more style<\/strong>\u00a0\u2013\u00a0choose one of the preset styles for the<strong>\u00a0Read more<\/strong>\u00a0button.<\/li>\n<li><strong>Share style<\/strong>\u00a0\u2013\u00a0select one of the preset styes for the Share button.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h5>Extra features<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-14000\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-page-extra.png\" alt=\"\" width=\"978\" height=\"224\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-page-extra.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-page-extra-300x69.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-page-extra-768x176.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Content position<\/strong>\u00a0\u2013 select the position of the Visual Composer content: it may be displayed above or below the post item.<\/li>\n<li><strong>Items appear effect<\/strong>\u00a0\u2013 select the most suitable appear effect for the portfolio items.<\/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 size-full wp-image-13992\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-single-1.png\" alt=\"\" width=\"978\" height=\"215\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-single-1.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-single-1-300x66.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-single-1-768x169.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Portfolio\u00a0style<\/strong> &#8211; allows you to select the <strong>Simple<\/strong> or <strong>Advanced<\/strong> settings style. Advanced style allows you to control more options (like Enable meta, Enable read more and Share, Share style and Enable Fixed Share).<\/li>\n<li><strong>Portfolio template<\/strong> &#8211; select what inner page type you&#8217;d like to use:\n<ul>\n<li><strong>Portfolio inside 1 variant<\/strong> &#8211; description sidebar has no paddings and decorations and stretches to cover full height, the gallery has no paddings and borders.<\/li>\n<li><strong>Portfolio inside 2 variant<\/strong> &#8211; description sidebar has top and bottom paddings and the decoration zigzag dividers, the gallery has paddings and borders, new share and comments style.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h5>Layout settings<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13993\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-layout.png\" alt=\"\" width=\"978\" height=\"359\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-layout.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-layout-300x110.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-layout-768x282.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Stunning header<\/strong>\u00a0\u2013 switch it to\u00a0<strong>Enable<\/strong>\u00a0to have the\u00a0stunning header on single posts by default. It inherits the settings from\u00a0<del class=\"support-arrow-right\">Theme options<\/del>\u00a0<del class=\"support-arrow-right\">Header options<\/del>\u00a0<del>Stunning header options<\/del>\u00a0section or you may overwrite them in single post editor\u00a0<del>Stunning Header options<\/del>\u00a0meta 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>Portfolio gallery type<\/strong>\u00a0\u2013 select the gallery appearance on the item inner page. You may add the gallery images to the\u00a0<strong>Images gallery<\/strong>\u00a0meta box.\n<ul>\n<li><strong>Default<\/strong>\u00a0\u2013 displays gallery images carousel with small thumbnails at the bottom, the main image is set to 900x750px and the thumbnails are 250x250px. You may see the example following\u00a0<a href=\"http:\/\/rnbtheme.com\/home-demo\/my-product\/nisl-inimicus-2\/\" target=\"_blank\" rel=\"noopener\">this link<\/a>.<\/li>\n<li><strong>Big images<\/strong>\u00a0\u2013 displays images in one column full size, their size is set to 1280x900px. You may see the example following\u00a0<a href=\"http:\/\/rnbtheme.com\/home-demo\/my-product\/his-ei-ludus-virtute\/\" target=\"_blank\" rel=\"noopener\">this link<\/a>.<\/li>\n<li><strong>Middle images list<\/strong>\u00a0\u2013 displays images in two columns, their size is set to 650x650px. You may see the example following\u00a0<a href=\"http:\/\/rnbtheme.com\/home-demo\/my-product\/lorem-ipsum\/\" target=\"_blank\" rel=\"noopener\">this link<\/a>.<\/li>\n<li><strong>Small image list<\/strong>\u00a0\u2013 displays images in couple columns, their size is set to 400x400px. You may see the example following\u00a0<a href=\"http:\/\/rnbtheme.com\/home-demo\/my-product\/nisl-inimicus\/\" target=\"_blank\" rel=\"noopener\">this link<\/a>.<\/li>\n<li><strong>Advanced gallery<\/strong>\u00a0\u2013 displays one big image 800x800px and small images (400x400px) are around it. You may see the example following\u00a0<a href=\"http:\/\/rnbtheme.com\/home-demo\/my-product\/sed-diam-nonummy\/\" target=\"_blank\" rel=\"noopener\">this link<\/a>.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Layout type<\/strong>\u00a0\u2013\u00a0allows selecting whether the portfolios will be created with default structure or with Visual Composer elements.\n<ul>\n<li><strong>Default<\/strong>\u00a0\u2013 select this layout type to create the\u00a0portfolios\u00a0with default structure (big, small, medium images list gallery type etc).<\/li>\n<li><strong>For Page Builder<\/strong>\u00a0\u2013 select this layout type to create portfolio item using the Visual Composer element.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h5>Content settings<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13995\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/single-portfolio-content.png\" alt=\"\" width=\"978\" height=\"269\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/single-portfolio-content.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/single-portfolio-content-300x83.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/single-portfolio-content-768x211.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Description position<\/strong>\u00a0\u2013 select the description position in respect to the media content.\u00a0<strong>Left<\/strong>,\u00a0<strong>right<\/strong>\u00a0and\u00a0<strong>bottom<\/strong>\u00a0position are available.<\/li>\n<li><strong>Titles<\/strong>\u00a0\u2013 set the titles of the portfolio item to be shown or hidden\u00a0above the portfolio item, for Portfolio inside 2 variant Portfolio Template.<\/li>\n<li><strong>Subtitle<\/strong>\u00a0\u2013 set the subtitle of the portfolio item to be shown or hidden\u00a0above the portfolio item, for Portfolio inside 2 variant Portfolio Template.<\/li>\n<\/ul>\n<h5>Pagination settings<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-13996\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-pagination.png\" alt=\"\" width=\"978\" height=\"215\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-pagination.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-pagination-300x66.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-pagination-768x169.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Inside pagination<\/strong>\u00a0\u2013 allows you to select the inner pagination style for portfolios. Switch it to\u00a0<strong>Disable<\/strong>\u00a0to remove inside pagination.\n<ul>\n<li><strong>Fixed<\/strong>\u00a0\u2013 the pagination arrows for previous and next portfolio items will be displayed on scroll. Check <a href=\"http:\/\/rnbtheme.com\/home-demo\/my-product\/ut-wisi-enim\/\" target=\"_blank\" rel=\"noopener\">this link<\/a> to view the example.<\/li>\n<li><strong>Top<\/strong>\u00a0\u2013 the pagination arrows are displayed on top of the portfolio items. The example can be found <a href=\"http:\/\/rnbtheme.com\/home-demo\/my-product\/mechanical-monster\/\" target=\"_blank\" rel=\"noopener\">here<\/a>.<\/li>\n<\/ul>\n<\/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<h5>Layout settings<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-14002\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-archive-page.png\" alt=\"\" width=\"978\" height=\"584\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-archive-page.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-archive-page-300x179.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-archive-page-768x459.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Portfolio layout style<\/strong>\u00a0\u2013 select layout style for the single portfolio items on your archive portfolio page.\n<ul>\n<li><strong>Standard<\/strong>\u00a0\u2013 the featured image of the single portfolio items is displayed in one column with the description below it. Find the example of the page\u00a0<a href=\"http:\/\/rnbtheme.com\/home-demo\/classic-layout\/\" target=\"_blank\" rel=\"noopener\">here<\/a>.<\/li>\n<li><strong>Masonry<\/strong>\u00a0\u2013 the portfolios are aligned into a masonry sections. The content takes as much space as needed and the thumbnails are not cropped and adjusted to it. Find the example of the page\u00a0<a href=\"http:\/\/rnbtheme.com\/home-demo\/masonry-layout\/\">here<\/a>.<\/li>\n<li><strong>Grid<\/strong>\u00a0\u2013 the portfolio items are aligned into a grid equal sections. The content is adjusted to take equal space and the thumbnails are cropped respectively. Grid page example can be found\u00a0<a href=\"http:\/\/rnbtheme.com\/home-demo\/grid-layout\/\">here<\/a>.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Number of columns<\/strong>\u00a0\u2013 select the number of columns for portfolio items on the\u00a0portfolio page. Five columns are the\u00a0maximum value (for Grid and Masonry styles only!).<\/li>\n<li><strong>Layout width<\/strong> \u2013 set the archive portfolio page content width. <strong>Boxed<\/strong> and <strong>full width<\/strong> variants are available.<\/li>\n<li><strong>Sidebar configuration<\/strong>\u00a0\u2013\u00a0set the sidebars to be shown on the archive \u00a0portfolio\u00a0page. \u00a0\u00a0<strong>No sidebars, sidebar on left, sidebar on right<\/strong>\u00a0and\u00a0<strong>both left and right sidebars\u00a0<\/strong>are available.<\/li>\n<li><strong>Stunning header<\/strong>\u00a0\u2013 switch it to\u00a0<strong>Enable<\/strong>\u00a0to have the\u00a0stunning header on archive portfolio page by default. It inherits the settings from\u00a0<del class=\"support-arrow-right\">Theme options<\/del>\u00a0<del class=\"support-arrow-right\">Header options<\/del>\u00a0<del>Stunning header options<\/del>\u00a0section or you may overwrite them in single portfolio editor\u00a0<del>Stunning Header options<\/del>\u00a0meta box.<\/li>\n<li><strong>Categories and tags dropdown<\/strong>\u00a0\u2013 adds categories, tags and author drop-down sorter before portfolio items on the archive page. Check <a href=\"http:\/\/rnbtheme.com\/home-demo\/masonry-layout\/\" target=\"_blank\" rel=\"noopener\">this link<\/a> to view the example.<\/li>\n<\/ul>\n<h5>Content settings<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-14003\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-archive-page.content.png\" alt=\"\" width=\"978\" height=\"877\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-archive-page.content.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-archive-page.content-300x269.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-archive-page.content-768x689.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Titles<\/strong>\u00a0\u2013 set the titles of the portfolio item to be shown or hidden\u00a0above the portfolio item, for Portfolio inside 2 variant Portfolio Template.<\/li>\n<li><strong>Subtitle<\/strong>\u00a0\u2013 set the subtitle of the portfolio item to be shown or hidden\u00a0above the portfolio item, for Portfolio inside 2 variant Portfolio Template.<\/li>\n<li><strong>Meta<\/strong>\u00a0\u2013 allows you to show or hide the information about the portfolio item (date of creation, category, likes, count) under the featured image.<\/li>\n<li><strong>Comments <\/strong>\u2013\u00a0select whether to show or hide the comments count of the single portfolio item.<\/li>\n<li><strong>Likes<\/strong>\u00a0\u2013\u00a0select if you\u2019d like to show or hide the likes count of the single portfolio item.<\/li>\n<li><strong>Description<\/strong>\u00a0\u2013 allows you to show or hide short description from the\u00a0<strong>Excerpt field<\/strong>\u00a0under the featured image of the\u00a0single portfolio item.<\/li>\n<li><strong>Content alignment<\/strong>\u00a0\u2013\u00a0set the horizontal alignment for the content of single portfolio item.\u00a0<strong>Left<\/strong>, <strong>right<\/strong> and <strong>center<\/strong> positions are available.<\/li>\n<li><strong>Read more and share<\/strong> &#8211; set it to <strong>Enable<\/strong> t to display the read more and share buttons for each single portfolio item on the portfolio\u00a0page.\n<ul>\n<li><strong>Read more style<\/strong>\u00a0\u2013\u00a0choose one of the preset styles for the<strong>\u00a0Read more<\/strong>\u00a0button.<\/li>\n<li><strong>Share style<\/strong>\u00a0\u2013\u00a0select one of the preset styes for the Share button.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Portfolio items offset (in px)<\/strong> \u2013 adds space between single portfolios on the archive portfolio page.<\/li>\n<\/ul>\n<h5>Extra features<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-14004\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-archive-page.extra_.png\" alt=\"\" width=\"978\" height=\"144\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-archive-page.extra_.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-archive-page.extra_-300x44.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-archive-page.extra_-768x113.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Items appear effect<\/strong>\u00a0\u2013 select the most suitable 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<h5 class=\"description\">Main hover settings<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-14007\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-main-hover-1.png\" alt=\"\" width=\"978\" height=\"338\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-main-hover-1.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-main-hover-1-300x104.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-main-hover-1-768x265.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Hover style group<\/strong>\u00a0\u2013 select the portfolio type to use on the site:\n<ul>\n<li><strong>Pre-built hovers (old version)<\/strong>\u00a0\u2013 allows you yo select the one from 24 pre built hover styles (available till Ronneby 1.1.0).\n<ul>\n<li><strong>Hover style<\/strong>\u00a0\u2013 choose one of the preset hover styles from the list.\n<ul>\n<li><strong>Subtitle text<\/strong> &#8211;\u00a0select the text to be shown as the portfolio subtitle on hover. <strong>Categories<\/strong> and <strong>Single item subtitle<\/strong> variants are available.<\/li>\n<li><strong>Hover style<\/strong> &#8211; select the one from 24 pre built hover styles (available till Ronneby 1.1.0).<\/li>\n<li><strong>Text hover color<\/strong> &#8211;\u00a0select the text of the elements on hover.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Advanced customizable hover<\/strong>\u00a0\u2013 new elaborated hovers that can be customized (available in Ronneby 1.1.1).\n<ul>\n<li><strong>Appear effect<\/strong> &#8211;\u00a0allows you to choose one of the preset appear animations for the portfolio items.<\/li>\n<li><strong>Image effect<\/strong> &#8211; set the behavior of the thumbnail image on hover.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h5>Hover decoration settings<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-14008\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-hover-decoration.png\" alt=\"\" width=\"978\" height=\"568\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-hover-decoration.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-hover-decoration-300x174.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-hover-decoration-768x446.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Main decoration<\/strong>\u00a0\u2013 set the decoration which will be displayed on hover.\n<ul>\n<li><strong>None<\/strong>\u00a0\u2013 no decoration is set for mouse hover effect.<\/li>\n<li><strong>Heading<\/strong>\u00a0\u2013\u00a0allows showing the portfolio item title\/subtitle which is possible to link to the portfolio page itself, to the\u00a0external link or open the image in lightbox.\u00a0The example can be found <a href=\"http:\/\/rnbtheme.com\/home-demo\/portfolio-masonry-2-col-with-title\/\" target=\"_blank\" rel=\"noopener\">here<\/a>.\n<ul>\n<li><strong>Heading decoration<\/strong>\u00a0\u2013\u00a0\u00a0choose the style for the heading hover decoration.<\/li>\n<li><strong>Show subtitle<\/strong>\u00a0\u2013\u00a0set to\u00a0<strong>Enable<\/strong>\u00a0if you want the gallery item subtitle to be displayed on hover.<\/li>\n<li><strong>Enable external link<\/strong>\u00a0\u2013 set on to display the link to custom project or external site.<\/li>\n<li><strong>Enable Quick view<\/strong>\u00a0\u2013 set on to display the button to preview portfolio work in the lightbox.<\/li>\n<li><strong>Enable Lightbox<\/strong>\u00a0\u2013 set on to display the icon to open the portfolio gallery in a lightbox.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Plus<\/strong>\u00a0\u2013 the plus icon will be displayed as hover decoration. Check the decoration example <a href=\"http:\/\/rnbtheme.com\/home-demo\/porfolio-2-columns-right-sidebar\/\" target=\"_blank\" rel=\"noopener\">here<\/a>.\n<ul>\n<li><strong>Hover link<\/strong>\u00a0\u2013 set the link for the plus icon. It can link to\u00a0<strong>inside<\/strong>\u00a0(inner page of single portfolio item) and to\u00a0<strong>lightbox<\/strong>.<\/li>\n<li><strong>Plus position<\/strong>\u00a0\u2013\u00a0set the Plus decoration position.<\/li>\n<li><strong>Plus background<\/strong>\u00a0\u2013\u00a0set the Plus decoration\u2019s background. This option is not available for \u2018<strong>Middle of the project<\/strong>\u2018 plus position. If you choose\u00a0<strong>inherit<\/strong>\u00a0from theme options the displaying will correspond to the theme options settings.<\/li>\n<li><strong>Enable external link<\/strong>\u00a0\u2013 set on to display the link to custom project or external site.<\/li>\n<li><strong>Enable Quick view<\/strong>\u00a0\u2013 set on to display the button to preview portfolio work in the lightbox .<\/li>\n<li><strong>Enable Lightbox<\/strong>\u00a0\u2013 set on to display the icon to open the portfolio gallery in a lightbox.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Lines<\/strong>\u00a0\u2013\u00a0the lines will be displayed as hover decoration. Check <a href=\"http:\/\/rnbtheme.com\/home-demo\/classic-layout\/\" target=\"_blank\" rel=\"noopener\">this link<\/a> to view the example.\n<ul>\n<li><strong>Enable external link<\/strong>\u00a0\u2013 set on to display the link to custom project or external site.<\/li>\n<li><strong>Enable Quick view<\/strong>\u00a0\u2013 set on to display the button to preview portfolio work in the lightbox .<\/li>\n<li><strong>Enable Lightbox<\/strong>\u00a0\u2013 set on to display the icon to open the portfolio gallery in a lightbox.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Dots<\/strong>\u00a0\u2013\u00a0three dots will be displayed as hover decoration. <a href=\"http:\/\/rnbtheme.com\/home-demo\/title-in-front-with-background\/\" target=\"_blank\" rel=\"noopener\">Here<\/a> you may find the example.\n<ul>\n<li><strong>Enable external link<\/strong>\u00a0\u2013 set on to display the link to custom project or external site.<\/li>\n<li><strong>Enable Quick view<\/strong>\u00a0\u2013 set on to display the button to preview portfolio work in the lightbox .<\/li>\n<li><strong>Enable Lightbox<\/strong>\u00a0\u2013 set on to display the icon to open the portfolio gallery in a lightbox.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h5>Hover color settings<\/h5>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-14009\" src=\"http:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-hover-color.png\" alt=\"\" width=\"978\" height=\"298\" srcset=\"https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-hover-color.png 978w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-hover-color-300x91.png 300w, https:\/\/rnbtheme.com\/documentation\/wp-content\/uploads\/2016\/12\/portfolio-hover-color-768x234.png 768w\" sizes=\"(max-width: 978px) 100vw, 978px\" \/><\/p>\n<ul>\n<li><strong>Text hover color<\/strong> &#8211;\u00a0select the text of the elements on 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<\/ul>\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:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/910"}],"collection":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/comments?post=910"}],"version-history":[{"count":58,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/910\/revisions"}],"predecessor-version":[{"id":15616,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/posts\/910\/revisions\/15616"}],"wp:attachment":[{"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/media?parent=910"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/categories?post=910"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rnbtheme.com\/documentation\/wp-json\/wp\/v2\/tags?post=910"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}