{"id":361,"date":"2019-01-25T12:19:16","date_gmt":"2019-01-25T12:19:16","guid":{"rendered":"https:\/\/exponentwptheme.com\/documentation\/?page_id=361"},"modified":"2019-01-25T12:19:16","modified_gmt":"2019-01-25T12:19:16","slug":"portfolio-grid","status":"publish","type":"page","link":"https:\/\/spyrowptheme.com\/documentation\/list-of-articles-portfolio\/portfolio-grid\/","title":{"rendered":"Portfolio Grid"},"content":{"rendered":"<div  class=\"tatsu-fzj8iuvjp9cfg66p tatsu-section    tatsu-clearfix\" data-title=\"\"  data-headerscheme=\"background--dark\"><div class='tatsu-section-pad clearfix' data-padding='{\"d\":\"90px 0px 90px 0px\"}' data-padding-top='90px'><div class=\"tatsu-row-wrap  tatsu-wrap tatsu-row-has-two-cols tatsu-medium-gutter tatsu-reg-cols  tatsu-clearfix tatsu-fzj8iuvjrtge1ilb\" ><div  class=\"tatsu-row \" ><div  class=\"tatsu-column  tatsu-column-no-bg tatsu-one-fourth tatsu-column-image-none tatsu-column-effect-none  tatsu-fzj8iuvjuzawfb2g\" data-animation=\"fadeIn\"   data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner  tatsu-column-sticky\" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-sidebar tatsu-fzj8iuvjw748h1mj   \" data-animation=\"fadeIn\"   ><div class=\"widget_nav_menu widget\"><h6>Related Articles<\/h6><div class=\"menu-portfolio-container\"><ul id=\"menu-portfolio\" class=\"menu\"><li id=\"menu-item-529\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-529\"><a href=\"https:\/\/spyrowptheme.com\/documentation\/list-of-articles-portfolio\/portfolio-overview\/\" title=\"Portfolio Overview\">Portfolio Overview<\/a><\/li>\n<li id=\"menu-item-530\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-530\"><a href=\"https:\/\/spyrowptheme.com\/documentation\/list-of-articles-portfolio\/create-a-portfolio-item\/\" title=\"Create a Portfolio Item\">Create a Portfolio Item<\/a><\/li>\n<li id=\"menu-item-531\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-531\"><a href=\"https:\/\/spyrowptheme.com\/documentation\/list-of-articles-portfolio\/portfolio-grid\/\" title=\"Portfolio Grid\">Portfolio Grid<\/a><\/li>\n<li id=\"menu-item-532\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-532\"><a href=\"https:\/\/spyrowptheme.com\/documentation\/list-of-articles-portfolio\/single-portfolio-styles\/\" title=\"Single Portfolio Styles\">Single Portfolio Styles<\/a><\/li>\n<li id=\"menu-item-533\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-533\"><a href=\"https:\/\/spyrowptheme.com\/documentation\/list-of-articles-portfolio\/portfolio-global-settings\/\" title=\"Portfolio Global Settings\">Portfolio Global Settings<\/a><\/li>\n<\/ul><\/div><\/div><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image\" ><\/div><\/div><\/div><style>.tatsu-row > .tatsu-fzj8iuvjuzawfb2g.tatsu-column{width: 25%;}.tatsu-fzj8iuvjuzawfb2g.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-fzj8iuvjuzawfb2g > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-fzj8iuvjuzawfb2g > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fzj8iuvjuzawfb2g > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-fzj8iuvjuzawfb2g > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-fzj8iuvjuzawfb2g.tatsu-column{width: 25%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-fzj8iuvjuzawfb2g.tatsu-column{width: 25%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-fzj8iuvjuzawfb2g.tatsu-column{width: 100%;}}<\/style><\/div><div  class=\"tatsu-column  tatsu-column-no-bg tatsu-three-fourth tatsu-column-image-none tatsu-column-effect-none  tatsu-fzj8iuvpud5uj8n8\" data-animation=\"fadeIn\"   data-parallax-speed=\"0\" style=\"\"><div class=\"tatsu-column-inner \" ><div class=\"tatsu-column-pad-wrap\"><div class=\"tatsu-column-pad\" ><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-fzj8iuvpx7gag5xs   \" data-animation=\"fadeIn\"  ><style>.tatsu-fzj8iuvpx7gag5xs .tatsu-inline-text-inner{width: 100%;text-align: left;}.tatsu-fzj8iuvpx7gag5xs.tatsu-inline-text{margin: 0px 0px 0px 0px;}@media only screen and (max-width: 767px) {.tatsu-fzj8iuvpx7gag5xs .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<p><span class=\"palette-0 tatsu-inline-link-style2 h9\"><a href=\"..\/\" target=\"_self\" rel=\"noopener\">CATEGORY &#8211;\u00a0PORTFOLIO<\/a><\/span><\/p>\n<\/div><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-rJ65vjd7N   \" data-animation=\"fadeIn\"  ><style>.tatsu-rJ65vjd7N .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-rJ65vjd7N .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h3>Portfolio Grid<\/h3>\n<\/div><\/div><div  class=\"tatsu-module tatsu-text-block-wrap tatsu-S14DKou74  \"><div class=\"tatsu-text-inner tatsu-align-center  clearfix\" data-animation=\"fadeIn\"  ><style>.tatsu-S14DKou74.tatsu-text-block-wrap .tatsu-text-inner{width: 100%;text-align: left;}<\/style>\n<ul class=\"exp-step-list\">\n<li>In the first place, you should be creating the Individual Portfolio items using the <strong>BE Grid<\/strong> custom post type. The detailed explanation about this post type and how to create a Portfolio item is given in this <a href=\"https:\/\/spyrowptheme.com\/documentation\/list-of-articles-portfolio\/create-a-portfolio-item\/\">article<\/a>. If you have created your posts already, you can move on to the next step.<\/li>\n<li>Edit the page on which you want to add the Portfolio Grid using Tatsu.<\/li>\n<li>In the left panel of the Tatsu Page Builder, navigate to the module list and search for <strong>Portfolio<\/strong>. Add the module in your page.<\/li>\n<li>Once you have chosen the Portfolio module, the settings window will open, which you can modify the settings, accordingly.<\/li>\n<li>If you would like the Portfolio to expand to the full width of the screen, edit the ROW enclosing the Portfolio module in the page builder and select the FULL ROW option.<\/li>\n<\/ul>\n<\/div><\/div><div  class=\"tatsu-single-image tatsu-module tatsu-image-lazyload tatsu-SyzQ9iuQV  \" data-animation=\"fadeIn\"  ><div class=\"tatsu-single-image-inner \" style=\"width : 1061px;\" ><div class = \"tatsu-single-image-padding-wrap\" style = \"padding-bottom : 81.526861451461%;\" ><\/div><img class = \"tatsu-gradient-border\" alt = \"\" title = \"portfolio-module\" data-src = \"https:\/\/spyrowptheme.com\/documentation\/wp-content\/uploads\/sites\/24\/2019\/01\/portfolio-module-1.jpg\" src =\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\"  \/><\/div><style>.tatsu-SyzQ9iuQV .tatsu-single-image-inner{border-style: solid;border-width: 5px;border-color: rgba(239,239,239,1); max-width: 100%;}.tatsu-SyzQ9iuQV.tatsu-single-image{transform: translate3d(0px,0px, 0);}<\/style><\/div><\/div><\/div><div class = \"tatsu-column-bg-image-wrap\"><div class = \"tatsu-column-bg-image\" ><\/div><\/div><\/div><style>.tatsu-row > .tatsu-fzj8iuvpud5uj8n8.tatsu-column{width: 75%;}.tatsu-fzj8iuvpud5uj8n8.tatsu-column > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad{padding: 0px 0px 0px 40px;}.tatsu-fzj8iuvpud5uj8n8.tatsu-column > .tatsu-column-inner{border-width: 0px 0px 0px 1px;border-color: rgba(237,237,237,1); }.tatsu-fzj8iuvpud5uj8n8.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-fzj8iuvpud5uj8n8 > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-fzj8iuvpud5uj8n8 > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fzj8iuvpud5uj8n8 > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-fzj8iuvpud5uj8n8 > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}.tatsu-fzj8iuvpud5uj8n8.tatsu-column{transform: translate3d(0px,0px, 0);}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-fzj8iuvpud5uj8n8.tatsu-column{width: 75%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-fzj8iuvpud5uj8n8.tatsu-column{width: 75%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-fzj8iuvpud5uj8n8.tatsu-column{width: 100%;}}<\/style><\/div><\/div><\/div><\/div><div class=\"tatsu-section-background-wrap\"><div class = \"tatsu-section-background\" ><\/div><\/div><style>.tatsu-fzj8iuvjp9cfg66p .tatsu-section-pad{padding: 90px 0px 90px 0px;}.tatsu-fzj8iuvjp9cfg66p > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fzj8iuvjp9cfg66p > .tatsu-top-divider{z-index: 9999;}<\/style><\/div>\n","protected":false},"excerpt":{"rendered":"<div><a href=\"https:\/\/spyrowptheme.com\/documentation\/list-of-articles-portfolio\/portfolio-grid\/\" class=\"exp-read-more exp-read-more-underlined\">Read More<\/a><\/div>\n","protected":false},"author":1,"featured_media":0,"parent":358,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-361","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/spyrowptheme.com\/documentation\/wp-json\/wp\/v2\/pages\/361","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spyrowptheme.com\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/spyrowptheme.com\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/spyrowptheme.com\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/spyrowptheme.com\/documentation\/wp-json\/wp\/v2\/comments?post=361"}],"version-history":[{"count":0,"href":"https:\/\/spyrowptheme.com\/documentation\/wp-json\/wp\/v2\/pages\/361\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/spyrowptheme.com\/documentation\/wp-json\/wp\/v2\/pages\/358"}],"wp:attachment":[{"href":"https:\/\/spyrowptheme.com\/documentation\/wp-json\/wp\/v2\/media?parent=361"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}