{"title":"Portfolio Page Settings","id":48376,"link":"https:\/\/env.averta.net\/en\/step\/portfolio-page-settings\/","parent":[48372],"content":"<p>On <strong>Portfolio Page<\/strong>, you can see all of the latest portfolio items.<\/p>\n<p>You can change the layout of this page to Grid, Masonry, Tiles, and Land and customize some other options.<\/p>\n<p>To access the <strong>Portfolio Page Settings<\/strong>:<\/p>\n<ol>\n<li>Go to your <strong>WordPress Admin Panel<\/strong><\/li>\n<li>Click the?<strong>Appearance &gt; Customize<\/strong><\/li>\n<li>Navigate <strong>Portfolio &gt; Portfolio Page<\/strong><\/li>\n<\/ol>\n<hr \/>\n<h3>Portfolio Page Setting<\/h3>\n<h4><a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/portfolio-page-.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"alignright wp-image-55251 size-full\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/portfolio-page-.jpg\" alt=\"\" width=\"291\" height=\"2366\" srcset=\"https:\/\/env.averta.net\/en\/wp-content\/uploads\/portfolio-page-.jpg 291w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/portfolio-page--37x300.jpg 37w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/portfolio-page--126x1024.jpg 126w\" sizes=\"(max-width: 291px) 100vw, 291px\" \/><\/a>Portfolio Template<\/h4>\n<p>The template of the portfolio page is changeable to Grid, Masonry, Tiles, and Land.<\/p>\n<p><a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/Grid-Portfolio.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-48245 size-thumbnail\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/Grid-Portfolio-150x150.png\" alt=\"\" width=\"150\" height=\"150\" srcset=\"https:\/\/env.averta.net\/en\/wp-content\/uploads\/Grid-Portfolio-150x150.png 150w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/Grid-Portfolio-60x60.png 60w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/Masonry-Portfolio.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-48244 size-thumbnail\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/Masonry-Portfolio-150x150.png\" alt=\"\" width=\"150\" height=\"150\" srcset=\"https:\/\/env.averta.net\/en\/wp-content\/uploads\/Masonry-Portfolio-150x150.png 150w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/Masonry-Portfolio-60x60.png 60w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/Tiles-Portfolio.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-48246 size-thumbnail\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/Tiles-Portfolio-150x150.png\" alt=\"\" width=\"150\" height=\"150\" srcset=\"https:\/\/env.averta.net\/en\/wp-content\/uploads\/Tiles-Portfolio-150x150.png 150w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/Tiles-Portfolio-60x60.png 60w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/land-portfolio.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone wp-image-48821 size-thumbnail\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/land-portfolio-150x150.png\" alt=\"\" width=\"150\" height=\"150\" srcset=\"https:\/\/env.averta.net\/en\/wp-content\/uploads\/land-portfolio-150x150.png 150w, https:\/\/env.averta.net\/en\/wp-content\/uploads\/land-portfolio-60x60.png 60w\" sizes=\"(max-width: 150px) 100vw, 150px\" \/><\/a><\/p>\n<p>Click on each layout below, to find their demo:<\/p>\n<p><a href=\"http:\/\/averta.net\/phlox\/wordpress-theme\/demo\/portfolio\/\">Grid Layout<\/a><\/p>\n<p><a href=\"http:\/\/averta.net\/phlox\/wordpress-theme\/demo\/portfolio\/home-tile\/\">Tiles Layout<\/a><\/p>\n<p><a href=\"http:\/\/averta.net\/phlox\/wordpress-theme\/demo\/portfolio\/home-masonry\/\">Masonry Layout<\/a><\/p>\n<p><a href=\"http:\/\/averta.net\/phlox\/wordpress-theme\/demo\/portfolio\/home-grid-full\/\">Grid Layout (Full-page)<\/a><\/p>\n<p><a href=\"http:\/\/averta.net\/phlox\/wordpress-theme\/demo\/portfolio\/portfolio\/all\/\">Land Layout<\/a><\/p>\n<h4>Portfolio Hover Type<\/h4>\n<p>The mouse hover of portfolio items, can be Classic, Classic with Lightbox Style 1,?Classic with Lightbox Style 2, Overlay Title Style 1, Overlay Title Style 2,?Overlay Title with Lightbox Style 1, Overlay Title with Lightbox Style 2.<\/p>\n<table width=\"100%;\">\n<tbody>\n<tr>\n<th>Hover type<\/th>\n<th>hover preview<\/th>\n<\/tr>\n<tr>\n<td>?Classic<\/td>\n<td>There is no hover action.<\/td>\n<\/tr>\n<tr>\n<td>?Classic with Lightbox Style 1<\/td>\n<td>?<img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-48573 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/classic-w-lightbox-1.gif\" alt=\"\" width=\"295\" height=\"177\" \/><\/td>\n<\/tr>\n<tr>\n<td>?Classic with Lightbox Style 2<\/td>\n<td>?<img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-48574 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/classic-w-lightbox-2-1.gif\" alt=\"\" width=\"297\" height=\"173\" \/><\/td>\n<\/tr>\n<tr>\n<td>Overlay Title Style 1<\/td>\n<td>?<img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-48575 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/overlay-title-1.gif\" alt=\"\" width=\"294\" height=\"175\" \/><\/td>\n<\/tr>\n<tr>\n<td>Overlay Title Style 2<\/td>\n<td>?<img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-48576 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/overlay-title-2.gif\" alt=\"\" width=\"291\" height=\"174\" \/><\/td>\n<\/tr>\n<tr>\n<td>Overlay Title with Lightbox Style 1<\/td>\n<td>?<img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-48577 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/overlay-title-w-lightbox-1.gif\" alt=\"\" width=\"295\" height=\"226\" \/><\/td>\n<\/tr>\n<tr>\n<td>?Overlay Title with Lightbox Style 2<\/td>\n<td>?<img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-48578 aligncenter\" src=\"http:\/\/env.averta.net\/en\/wp-content\/uploads\/overlay-title-w-lightbox-2.gif\" alt=\"\" width=\"295\" height=\"172\" \/><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h4>Space<\/h4>\n<p>You can set space between items in pixel.<\/p>\n<h4>Custom Max Width<\/h4>\n<p>You can set this option to the site default max width that is used across your website, or change it to 1000px, 1200px, 1400px, 1600px, and 1900px.<\/p>\n<h4>Number of Columns<\/h4>\n<p>You can set this option to the site default max width that is used across your website, or change it to 1000px, 1200px, 1400px, 1600px, and 1900px.<\/p>\n<h4>Number of Columns in Tablet and Phone Size<\/h4>\n<p>On tablet and mobile, the number of columns can be set as inherited from larger, that means the number of columns is equal to the chosen number of larger screen size. For example, if you enter 4 in the?number of columns field, and choose inherited from larger in tablet and mobile, the number of columns will not change in the smaller screens. But if you change the number of columns in tablet to 2, and choose <em>inherited from larger<\/em> option for mobile, the number of columns in mobile will be 2, because it is inherited from the larger screen.<\/p>\n<h4>Display Like Button<\/h4>\n<p>To display like button bottom-right corner of the posts, you need to install?<strong>WP ULike<\/strong>?plugin. For more information about recommended and required plugins in Phlox, check out?<a title=\"Installing Recommended Plugins for Phlox\" href=\"http:\/\/env.averta.net\/en\/step\/installing-recommended-plugins-for-phlox\/?b=35041,35041\">this article<\/a>.<\/p>\n<h4>Enable Entry Box Coloring<\/h4>\n<p>If you want to customize the color of background and border of entry box, enable this option.<\/p>\n<h4>Entry Box Background\/Border Color<\/h4>\n<p>After enabling Entry Box Coloring option, you can change background and border color to whatever color you like.<\/p>\n<h4>Portfolio Sidebar Position<\/h4>\n<p>The sidebar on a portfolio page, can have different positions. You can have no sidebar by selecting No option, or Right and Left if you have just one sidebar. Other options is for two sidebars: Left\/Primary-Secondary, Right\/Secondary-Primary, Primary-Secondary, Secondary-Primary<\/p>\n<h4>Portfolio Sidebar Style<\/h4>\n<p>The sidebar on portfolio page, can have 3 different styles: Simple, Bordered Sidebar, Overlap Background<\/p>\n<h4>Number of Portfolios Per Page<\/h4>\n<p>It is up to you to specify how many portfolio items you need on each page.<\/p>\n<h4>Display Title Bar<\/h4>\n<p>You can have a title bar on top of the portfolio archive page if you enable this option.<\/p>\n<h4>Display Breadcrumb<\/h4>\n<p>To have a breadcrumb on the title bar, you can enable this option.<\/p>\n<h4>Display Title<\/h4>\n<p>To show title on the title bar, enable this option.<\/p>\n<h4>Custom Title<\/h4>\n<p>You can change the title to whatever you want.<\/p>\n<h4>Custom Breadcrumb Label<\/h4>\n<p>The breadcrumb label can be changed.<\/p>\n","type":"solution"}