{"id":362,"date":"2019-01-25T12:20:23","date_gmt":"2019-01-25T12:20:23","guid":{"rendered":"https:\/\/exponentwptheme.com\/documentation\/?page_id=362"},"modified":"2019-01-25T18:38:22","modified_gmt":"2019-01-25T18:38:22","slug":"single-portfolio-styles","status":"publish","type":"page","link":"https:\/\/exponentwptheme.com\/documentation\/list-of-articles-portfolio\/single-portfolio-styles\/","title":{"rendered":"Single Portfolio Styles"},"content":{"rendered":"<div  class=\"tatsu-fzj8vi780rajeds 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-fzj8vi783a8hswfh\" ><div  class=\"tatsu-row \" ><div  class=\"tatsu-column  tatsu-column-no-bg tatsu-one-fourth tatsu-column-image-none tatsu-column-effect-none  tatsu-fzj8vi786obun84e\" 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-fzj8vi787ydcyfy8   \" 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-365\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-365\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/list-of-articles-portfolio\/portfolio-overview\/\" title=\"Portfolio Overview\">Portfolio Overview<\/a><\/li>\n<li id=\"menu-item-366\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-366\"><a href=\"https:\/\/exponentwptheme.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-367\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-367\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/list-of-articles-portfolio\/portfolio-grid\/\" title=\"Portfolio Grid\">Portfolio Grid<\/a><\/li>\n<li id=\"menu-item-368\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-368\"><a href=\"https:\/\/exponentwptheme.com\/documentation\/list-of-articles-portfolio\/single-portfolio-styles\/\" title=\"Single Portfolio Styles\">Single Portfolio Styles<\/a><\/li>\n<li id=\"menu-item-369\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-369\"><a href=\"https:\/\/exponentwptheme.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-fzj8vi786obun84e.tatsu-column{width: 25.2%;}.tatsu-fzj8vi786obun84e.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-fzj8vi786obun84e > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-fzj8vi786obun84e > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fzj8vi786obun84e > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-fzj8vi786obun84e > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-fzj8vi786obun84e.tatsu-column{width: 25%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-fzj8vi786obun84e.tatsu-column{width: 25%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-fzj8vi786obun84e.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-fzj8vi7ds27wqgm9\" 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-fzj8vi7duhduume7   \" data-animation=\"fadeIn\"  ><style>.tatsu-fzj8vi7duhduume7 .tatsu-inline-text-inner{width: 100%;text-align: left;}.tatsu-fzj8vi7duhduume7.tatsu-inline-text{margin: 0px 0px 0px 0px;}@media only screen and (max-width: 767px) {.tatsu-fzj8vi7duhduume7 .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\">CATEGORY &#8211;\u00a0PORTFOLIO<\/a><\/span><\/p>\n<\/div><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-fzj8vi7edp76ga88   \" data-animation=\"fadeIn\"  ><style>.tatsu-fzj8vi7edp76ga88 .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-fzj8vi7edp76ga88 .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h3>Single Portfolio Styles<\/h3>\n<p>Each portfolio will be linked to the respective Single Portfolio pages that will be opened when the portfolio thumbnail is clicked from the grid. The portfolio style should be set it BE &#8211; Portfolio Options Metabox. The various Single Portfolio Styles present are explained in this article.\u00a0<\/p>\n<\/div><\/div><div  class=\"tatsu-single-image tatsu-module tatsu-image-lazyload tatsu-SJnYso_XE  \" data-animation=\"fadeIn\"  ><div class=\"tatsu-single-image-inner \" style=\"width : 890px;\" ><div class = \"tatsu-single-image-padding-wrap\" style = \"padding-bottom : 44.157303370787%;\" ><\/div><img class = \"tatsu-gradient-border\" alt = \"\" title = \"single-portfolio-style\" data-src = \"https:\/\/exponentwptheme.com\/documentation\/wp-content\/uploads\/sites\/24\/2019\/01\/single-portfolio-style.jpg\" src =\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\"  \/><\/div><style>.tatsu-SJnYso_XE{margin: 0px 0px 30px 0px;}.tatsu-SJnYso_XE .tatsu-single-image-inner{border-style: solid;border-width: 5px;border-color: rgba(239,239,239,1); max-width: 100%;}.tatsu-SJnYso_XE.tatsu-single-image{transform: translate3d(0px,0px, 0);}<\/style><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-ByU8yhumV   \" data-animation=\"fadeIn\"  ><style>.tatsu-ByU8yhumV .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-ByU8yhumV .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h5>Single Page &#8211; Page Builder &#8211;\u00a0<\/h5>\n<p>Set this style, to build the Single Portfolio style entirely using Tatsu. This is the recommended option as you get to use all the modules present in Tatsu to build you single portfolio style.\u00a0<\/p>\n<h5>Ribbon Carousel Slider &#8211;\u00a0<\/h5>\n<p>A simple carousel slider that will pull the images uploaded in the &#8220;Portfolio Images&#8221; option in a carousel style. The aspect ratio of the images will be maintained in this carousel style.\u00a0<\/p>\n<h5>Lightbox &#8211;\u00a0<\/h5>\n<p>The featured image is opened in Lightbox.\u00a0<\/p>\n<h5>Lightbox Gallery &#8211;\u00a0<\/h5>\n<p><span style=\"font-size: 17px; background-color: #ffffff;\">The images uploaded under &#8220;Portfolio Images&#8221; will be opened in Lightbox Gallery.\u00a0<\/span><\/p>\n<h5><span style=\"background-color: #ffffff;\">Right Fixed Sidebar, Left Fixed Sidebar &#8211;\u00a0<\/span><\/h5>\n<p><span style=\"background-color: #ffffff; font-size: 17px; letter-spacing: 0px;\">The images uploaded under &#8220;Portfolio Images&#8221; will be opened a Fixed Sidebar page. The Text that you add using Tatsu will be pulled by the side of the Images in this portfolio page.\u00a0<\/span><\/p>\n<\/div><\/div><div  class=\"tatsu-module tatsu-inline-text clearfix tatsu-BJXkQn_m4   \" data-animation=\"fadeIn\"  ><style>.tatsu-BJXkQn_m4 .tatsu-inline-text-inner{width: 100%;text-align: left;}@media only screen and (max-width: 767px) {.tatsu-BJXkQn_m4 .tatsu-inline-text-inner{width: 100%;}}<\/style><div class=\"tatsu-inline-text-inner tatsu-align-center\">\n<h4><span class=\"palette-0\">Portfolio Details<\/span><\/h4>\n<p><span class=\"\">Additional details about the portfolio like the <strong>Client Name, Project Date and Project URL<\/strong> can be entered under Portfolio Details section of the BE &#8211; Portfolio Options metabox. These information can be pulled in the page using the &#8220;Portfolio Details&#8221; module in Tatsu.\u00a0<\/span><\/p>\n<\/div><\/div><div  class=\"tatsu-single-image tatsu-module tatsu-image-lazyload tatsu-Hkh6X2dmN  \" data-animation=\"fadeIn\"  ><div class=\"tatsu-single-image-inner \" style=\"width : 890px;\" ><div class = \"tatsu-single-image-padding-wrap\" style = \"padding-bottom : 44.157303370787%;\" ><\/div><img class = \"tatsu-gradient-border\" alt = \"\" title = \"portfolio-details\" data-src = \"https:\/\/exponentwptheme.com\/documentation\/wp-content\/uploads\/sites\/24\/2019\/01\/portfolio-details.jpg\" src =\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=\"  \/><\/div><style>.tatsu-Hkh6X2dmN .tatsu-single-image-inner{border-style: solid;border-width: 5px;border-color: rgba(239,239,239,1); max-width: 100%;}.tatsu-Hkh6X2dmN.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-fzj8vi7ds27wqgm9.tatsu-column{width: 74.8%;}.tatsu-fzj8vi7ds27wqgm9.tatsu-column > .tatsu-column-inner > .tatsu-column-pad-wrap > .tatsu-column-pad{padding: 0px 0px 0px 40px;}.tatsu-fzj8vi7ds27wqgm9.tatsu-column > .tatsu-column-inner{border-width: 0px 0px 0px 1px;border-color: rgba(237,237,237,1); }.tatsu-fzj8vi7ds27wqgm9.tatsu-column > .tatsu-column-inner > .tatsu-column-overlay{mix-blend-mode: none;}.tatsu-fzj8vi7ds27wqgm9 > .tatsu-column-inner > .tatsu-top-divider{z-index: 9999;}.tatsu-fzj8vi7ds27wqgm9 > .tatsu-column-inner > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fzj8vi7ds27wqgm9 > .tatsu-column-inner > .tatsu-left-divider{z-index: 9999;}.tatsu-fzj8vi7ds27wqgm9 > .tatsu-column-inner > .tatsu-right-divider{z-index: 9999;}.tatsu-fzj8vi7ds27wqgm9.tatsu-column{transform: translate3d(0px,0px, 0);}@media only screen and (max-width:1377px) {.tatsu-row > .tatsu-fzj8vi7ds27wqgm9.tatsu-column{width: 75%;}}@media only screen and (min-width:768px) and (max-width: 1024px) {.tatsu-row > .tatsu-fzj8vi7ds27wqgm9.tatsu-column{width: 75%;}}@media only screen and (max-width: 767px) {.tatsu-row > .tatsu-fzj8vi7ds27wqgm9.tatsu-column{width: 100%;}}<\/style><\/div><\/div><\/div><\/div><div class=\"tatsu-section-background-wrap\"><div class = \"tatsu-section-background\" ><\/div><\/div><style>.tatsu-fzj8vi780rajeds .tatsu-section-pad{padding: 90px 0px 90px 0px;}.tatsu-fzj8vi780rajeds > .tatsu-bottom-divider{z-index: 9999;}.tatsu-fzj8vi780rajeds > .tatsu-top-divider{z-index: 9999;}<\/style><\/div>\n","protected":false},"excerpt":{"rendered":"<div><a href=\"https:\/\/exponentwptheme.com\/documentation\/list-of-articles-portfolio\/single-portfolio-styles\/\" class=\"exp-read-more exp-read-more-underlined\">Read More<\/a><\/div>\n","protected":false},"author":2,"featured_media":0,"parent":358,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-362","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/pages\/362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/comments?post=362"}],"version-history":[{"count":0,"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/pages\/362\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/pages\/358"}],"wp:attachment":[{"href":"https:\/\/exponentwptheme.com\/documentation\/wp-json\/wp\/v2\/media?parent=362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}