Off Canvas sidebar is empty

Besley

Category: Box Grid Layout
Read Time: 2 mins

This is the tutorial for layout Besley in the TZ Portfolio Plus demo.

To have this layout, please follow the configurations below:

I. DEMO

CHECK DEMO

II. CONFIGURATION

To have the layout like in the demo, you need to configure in the menu item, category and template style like below:

1. CATEGORY

Please go to Components > TZ Portfolio Plus > Category to create a new one.

You can follow the screenshots below:

CATEGORY VIEW 1:

 

CATEGORY VIEW 2:

CATEGORY VIEW 3:

ARTICLE VIEW 1:

ARTICLE VIEW 2:

 

ARTICLE VIEW 3:

ARTICLE VIEW 4:

ARTICLE VIEW 5:

2. MENU ITEM

Please go to Menus > Menu item to create a new one.

• Menu Item Type *: TZ Portfolio Plus > Portfolio

• Choose a Category: Besley

• TZ Portfolio Plus Template Style: Demo – Besley

You can follow the screenshots below:

TZ BASIC OPTIONS:

GENERAL OPTIONS:

 

ORDER, PAGNIGATION, LIGHTBOX:

FEED OPTIONS:

3. TEMPLATE STYLE

Please go to Components > TZ Portfolio Plus > Template Style to create a new one.

• Block Information: Custom Class: info-meta

• Block Social: Padding: 15px 0

• Block Author Info: Padding: 25px 0

• Block Social: Related Articles: 25px 0

You can follow the screenshots below:

OPTIONS:

 

BLOCK INFORMATION:

 

BLOCK SOCIAL:

BLOCK AUTHOR INFO:

BLOCK RELATED ARTICLES:

III. TIPS

To have the expected layout style like in the demo, you should use some tips below:

1. The image with ratio: 1200 x 600

2. The configuration in tab Front-end Options of add-on:

- Article View Options In Category Listings / Image Size: Medium

- Article View Options / Image Size: Original

DuongTV

Login