These changes require a Divi child theme. Please check the following article if you have not set a child theme yet:
https://intercom.help/elegantthemes/faq-s-and-troubleshooting/how-to-make-a-child-theme

1. Next, create a new folder in the child theme folder, for example, includes folder.

2. Now copy the Divi/includes/builder/module/Blog.php file from the parent theme into the child-theme/includes/ folder.

3. Open up the Blog.php file of your child theme and replace this line (at the very top):

require_once 'helpers/Overlay.php';

class ET_Builder_Module_Blog extends ET_Builder_Module_Type_PostBased {

with:

get_template_part( '/includes/builder/module/helpers/Overlay.php' );

class custom_ET_Builder_Module_Blog extends ET_Builder_Module_Type_PostBased {

  • Replace: $this->vb_support = 'on'; with $this->vb_support = 'off';

  • Remove this line from the bottom: new ET_Builder_Module_Blog();

4. Finally, add the following code to the functions.php file in your child theme folder:

/*================================================ 
#Load custom Blog Module ================================================*/

function divi_custom_blog_module() {
get_template_part( '/includes/Blog' );
$dcfm = new custom_ET_Builder_Module_Blog();
remove_shortcode( 'et_pb_blog' );
add_shortcode( 'et_pb_blog', array( $dcfm, '_shortcode_callback' ) ); }

add_action( 'et_builder_ready', 'divi_custom_blog_module' );

function divi_custom_blog_class( $classlist ) {
// Blog Module 'classname' overwrite.
$classlist['et_pb_blog'] = array( 'classname' => 'custom_ET_Builder_Module_Blog',);
return $classlist;
}

add_filter( 'et_module_classes', 'divi_custom_blog_class' );

Now you are ready to customize the Blog 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 Blog Module:

Did this answer your question?