Divi Grid Portfolio


Divi Super Custom Menu

First of all, we want to thank you for your purchase. We hope our plugin meets your expectations. In this page is explained the process to install the plugin, along with the main configuration options. They are not all included in this documentation, as many of them are just an extension of the Divi’s default portfolio options and their use is very intuitive.

If after reading this documentation you still have any doubts, or you want to ask for any changes or questions, please feel free to send an email to support@destacaimagen.com. We will be happy to answer any question.

1 – How to install

Once we have our WordPress installation with Divi working, we have to install the plugin.

1. In your admin dashboard, go to Plugins > Add new.

custom menu 1

2- Click Upload Plugin button, and in the form that appears, select the zip file of the plugin and click Install Now.

custom menu 2

3- Once the plugin is installed, activate it by clicking Activate Plugin.

custom menu 3

Now that the plugin is installed and active you will see a new module available in your Divi Builder called ‘Grid Portfolio’

divi grid portfolio module

2 – Configuration: Content Tab

divi grid portfolio content

Under the Content tab of the Divi Grid Portfolio settings you will find the options to configure the projects you want to display in your portfolio.


  • Content: configure as projects you want to display. You can configure there the projects of which categories you want to include.
    divi grid portfolio content fields 292x300 1
  • Elements: configure the elements you want to display.
    grid portfolio elements

Activate/deactivate any of these options to show/hide the element in the porfolio.

Filter Options

If you activate the option ‘Show Filters‘ two new fields will appear:

  • Mobile Filters: Choose between three options:
    • Rounded: Show a rounded icon to open the filters in full screen mode.
    • Inline: Show the filters with the same style as in the desktop.
    • Hidden: Hide the filters in mobile devices.

3 – Configuration: Design Tab

divi grid portfolio design

Under the Design tab of the Divi Grid Portfolio settings you will find the fields to customize the style of your portfolio.


  • Layout: choose between our five different layouts for your portfolio. You will be able to set up the gap between the elements and if you want to animate them when your user moves its mouse over the project with the option ‘Zoom on mouse over’.
    You can see the examples of the available layouts in our demo page here.divi grid portfolio layout 257x300 1
  • Overlay: configure the overlay layer that appears hovering a project.
    Do you want to remove the overlay? Just select for its two fields the transparent color.divi grid portfolio overlay 170x300 1
  • Title & Categories: select between the three different positions (top, middle, bottom) for the title and the categories of your projects.
    You can also configure to display them only when mouseover.divi grid portfolio title categories 300x256 1
  • Gallery & Gallery Slider: here you can find the options to customze the gallery that prompts after clicking the project. Take a look at the section ‘Gallery

The rest of the options under the Design tab are standard design options in Divi. Use them to configure fonts, colors backgrounds, etc. of the different elements of the portfolio. We recommend you to explore them, make changes and see the result in the live preview.

Get 5€ Off now!

Register now and get free coupon code.

 Register Now
Select currency