Divi Documentation

Follow the instructions below to install and configure your new theme

« Back to Documentation

The Fullwidth Portfolio Module

Module Overview

The Fullwidth Portfolio module works just like the normal Portfolio module, except that it displays your project in a beautiful Fullwdth fashion. It also comes with some unique new layouts: Grid & Carousel. The module works by displays a list of your most recent Projects, and can be used by designers and artists that want to display a gallery of their most recent work.

View A Live Demo Of This Module

The Module Options

Portfolio Title - Enter a title displayed above the portfolio, or leave it blank to not use a title.

Layout - Choose which layout you would like to use. "Grid" will display all of your items in a multi-column and multi-row layout. The Carousel will display your items in a single row of tiled images that slide to reveal additional items in the list.

Include Categories - Choose which categories you would like to display. Projects from categories that are not selected will not appear in the list of projects.

Title - Choose whether or not the title of each project is displayed when you hover over the project item.

Date - Choose whether or not the publish date of each project is displayed when you hover over the project item.

Text Color - Here you can choose whether your text should be light or dark. If you are working with a dark background, then your text should be light. If your background is light, then your text should be set to dark.

Automatic Carousel - If you the carousel layout option is chosen and you would like the carousel to slide automatically, without the visitor having to click the next button, enable this option and then adjust the rotation speed below if desired.

Automatic Carousel Speed - Here you can designate how fast the carousel rotates, if 'Automatic Carousel Rotation' option is enabled above. The higher the number, the longer the pause between each rotation. (Ex. 1000 = 1 sec)

Admin Label - This will change the label of the module in the builder for easy identification.

CSS ID - Enter an optional CSS ID to be used for this module. An ID can be used to create custom CSS styling, or to create links to particular sections of your page.

CSS Class - Enter optional CSS classes to be used for this module. A CSS class can be used to create custom CSS styling. You can add multiple classes, separated with a space.

Join 385,236 Happy Customers And Get Access To Our Entire Collection Of 87 Beautiful Themes For The Price Of One

We offer a 30 Day Money Back Guarantee, so joining is risk-free!

Sign Up Today