templategraphy

The full width responsive portfolio plugins gives your WordPress personal blog or a corporate website power to have an elegant filterable portfolio where you can showoff your amazing work or images. This plugin uses <a href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/" rel="nofollow ugc">PrettyPhoto</a> lightbox.
You can add portfolio items from the Dashboard > Portfolio > Add New UI. And you can display this portfolio in your website’s front-end using the shortcode:
<pre><code>[tg-portfolio column="3" width="300px" height="300px"]
</code></pre>
<ul>
<li>You can check a live demo of this portfolio on <a href="http://templategraphy.com/wp-demo/portfolio/" rel="nofollow ugc">our demo page</a>.</li>
<li>Visit our website <a href="http://www.templategraphy.com" rel="nofollow ugc">Template Graphy</a> for more products.</li>
<li>Thanks to <a href="http://www.solushunz.in/" rel="nofollow ugc">Web Designer</a> for the design help!</li>
</ul>

Full Width Responsive Portfolio

The full width responsive portfolio plugins gives your WordPress personal blog or a corporate website power to have an elegant filterable portfolio wh …

Muhammad Mubeen

MB Portfolio is designed to display a stylish portfolio grid in your wordpress website with navigation to filter portfolio with categories. 
Display your portfolio grid anywhere in the website with simple shortcode. You can have full control over how the grid will display. 
Shortcode has multple parameter to control the display in front-end.
<h3>Usage :</h3>
Place this shorcode anywhere in the page or post where you want to display the portfolio grid => [mb_portfolio navigation=”true” posts=”6″ term_id=”” pagination=”true”]
<h3>Shortcode parameter explaination:</h3>
<ul>
<li>1- ‘navigation’: 
<code>'navigation' parameter accepts 'true/false' to show/hide the navigation that filter the grid accordiing to category. Default value is 'true'.</code></li>
<li>2- ‘posts’: 
<code>'posts' parameter accepts an 'integer' to show number of posts in grid. Default value is '6'.</code></li>
<li>3- ‘term_id’: 
<code>'term_id' parameter accepts an 'integer' id of portfolio category to show posts of specific category in the grid. By Default all categories posts will be displayed.</code></li>
<li>4- ‘pagination’: 
<code>'pagination' parameter accepts 'true/false' to show/hide the pagination after the grid. Default value is 'true'.</code></li>
</ul>
<h3>Custom Color Scheme</h3>
To use your desired color for portfolio section use the following classes in theme customizer with your Color #code. Just replace ‘red’ with your desired color code and copy in theme customizer.
#portfolio .portfolio-nav ul li i, 
.cath4,#portfolio .portfolio-hover span { 
 color: red; 
} 
#portfolio .portfolio-nav ul li.mbactive, 
#portfolio .portfolio-nav ul li:hover, 
#portfolio .portfolio-nav ul li span, 
#portfolio .portfolio-single .mbbtn, 
#portfolio .portfolio-hover .mbbutton a:hover, 
#portfolio .portfolio-hover .mbbutton .primary, 
#portfolio .mbbutton .mbbtn, 
#portfolio.archive .nav-bg, 
#portfolio.single .portfolio-single.slider .owl-nav div, 
#portfolio.single .content h2:before, 
#portfolio.single .portfolio-widget, 
.k-line{ 
 background: red; 
} 
#header .nav li a::after, 
#portfolio .portfolio-nav ul li span::before{ 
 border-top-color:red; 
}
#portfolio div.mbpagination a,.page-numbers.current{ 
 border: 1px solid red; 
} 
#portfolio div.mbpagination .page-numbers.current{ 
 background: red; 
} 
#portfolio div.mbpagination a:hover{ 
 background: red; 
}

MB Portfolio

MB Portfolio is designed to display a stylish portfolio grid in your wordpress website with navigation to filter portfolio with categories.

Full Width Responsive Portfolio vs MB Portfolio