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.

How to install it

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



Content Tab

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
  • Elements: configure the elements you want to display.
    divi grid portfolio elements

These options are the same as the default Divi’s Filterable Portfolio. They are very basic and easy to use. We recommend you to navegate through them and change the values to see the result in the live preview.

divi grid portfolio content

Design Tab


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
  • 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
  • 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

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.

divi grid portfolio design
Select currency
$ United States (US) dollar

Get 5€ Off now!

Register now and get free coupon code.

 Register Now