Portfolio page of {Theme} is built using Visual Composer. Theme is supporting 3 version of this page:
- 3 Columns
- 4 Columns
- 6 Columns
The Visual Composer Backend editor of the page look like this:
Adding row
Row Settings: After adding new Row to the page in the General option please change Row stretch option to Stretch row and content as on example below:
after switching to Design Options Tab set padding and border value for this element and add Background image (optional)
Content
- Text Block – Go to general tab and Add content to the Text tab:
1<h3 style="text-align: center;"><span style="color: #ffffff;">OUR PROJECTS</span></h3> - Post Masonry Grid – Set options as below if you wish to recreate the look of ‘our Projects’ from {Theme}:
- General
- Data source – Ct-portfolio (setting this option images will be taken from Portfolio item),
- Total items – choose number of elements that will be visible on the site,
- Display Style – Show all,
- Show filter – Yes
- Grid elements per row – choose 3, 4 or 6 Elements per row,
- Gap – 30px
- Initial loading animation – Default
- Extra class name – add ct-vcMasonryGrid–portfolio class to have the same style of the portfolio like on {Theme} demo
- Data Settings – no changes added
- Filter
- Filter by – Portfolio Categories(ct-portfolio-taxonomy),
- Style – Filled
- Default title – All,
- Alignment – Center,
- Color – Sky,
- Filter size – Large
- Item Design
- Grid element template – Masonry grid: Overlay with rotation
- Design options
- Css box – margin-bottom: 20px;
- General
Page Attributes
To be able to use Customize options dedicated for Portfolio page, please choose Our projects from Template.