identifying section headings

DIVIDER

General

Image

1- Layout: Select from 1 up to 5 columns with the ability to set the title and the category on an overlay or slider.

2- Disable the Gap between the Projects: by default there are gap between projects checking the Disable the Gap between the Projects check box will disable this gap.

3- Categories: You can select which categories you would like to be display it’s projects (Don’t check any category and all the projects from all categories will be displayed).

4- Pagination:

Show all: There are no pagination for the next projects pages and it will show all the projects according to Projects count.

Pagination – Page number: Will display a numeric pagination to navigate through the projects pages and the projects per page will be limited to Projects Per Page option.

Load more button: Will display a load more button to load the next page of projects and the projects per page will be limited to Projects Per Page option.

Pagination – Newer / Older buttons: Will display Newer / Older buttons to navigate through the projects pages and the projects per page will be limited to Projects Per Page option.

5- Enable portfolio filter: Enable/Disable the Portfolio filter.

6- Enable projects count: Enable/Disable the Projects count (Portfolio filter must be enabled).

7- Element extra class: Assign a css class to the portfolio (useful for custom css styles).

identifying section headings

DIVIDER

Slider

Image

Customize the slider for layout slider.

identifying section headings

DIVIDER

Project

Image

Customize the project feature image layout.

– Set the feature image to fullwidth or select custom to create a different layout (Wide rectangle, Tall rectangle).

– Add a feature image placeholder if the project doesn’t have a feature image.

– Enable/Disable Feature image effects Zoom and/or Overlay.

– Show/Hide Project title and/or category.

identifying section headings

DIVIDER

Design Options

Image

Dark: if the background is light.
Light: if the background is dark.

identifying section headings

DIVIDER

Animation

Image

CSS Animation: You can animate the portfolio projects by selecting the animation you would like.
CSS animation delay: The animation delay in (seconds) format EX: 0.25