These changes require a Divi child theme. Please check the following article if you have not set a child theme yet:

  1. In the child theme folder create a new folder, for example   includes   folder.
  2. Now copy the  Divi/includes/builder/module/Portfolio.php   file into the  child-theme/includes/   folder.
  3. Rename the file to something else, for example:  custom-Portfolio.php   
  4.  Open up the  custom-Portfolio.php  file and replace this code (the first line):
class ET_Builder_Module_Portfolio extends ET_Builder_Module_Type_PostBased {


class custom_ET_Builder_Module_Portfolio extends ET_Builder_Module_Type_PostBased {

Also, replace this line:

$this->vb_support = 'on';


$this->vb_support = 'off';

6. Next, open up functions.php file in your child theme folder and add the following code at the very bottom:

function custom_portfolio_setup() {
get_template_part( 'includes/custom-Portfolio' );
$custom_portfolio = new custom_ET_Builder_Module_Portfolio();
remove_shortcode( 'et_pb_portfolio' );
add_shortcode( 'et_pb_portfolio', array( $custom_portfolio, '_render' ) );
add_action( 'et_builder_ready', 'custom_portfolio_setup' );

Now you are ready to customize the Portfolio module the way you need and keep the changes while updating / reinstalling the parent Divi theme.

You might want to add the following changes to your Portfolio module:

Did this answer your question?