By default, Divi does not allow comments on pages built with the Page Builder. This tweak adds comments to those pages as well as styles them so they don’t stretch all the way across the page.

Previously this tutorial involved editing the page.php file and forcing comments on the page. This no longer appears to work in the latest version of WordPress and Divi. The following solution is more simple and tested in latest versions.

The first thing you need to do is make sure comments are turned on in WordPress for your website. Go to Settings-> Discussion and allow people to post comments on articles. Next we need to turn comments on for pages in Divi. Go to Divi-> Theme Options ->Layout -> Single Page Layout and turn on Show comments on pages.

By default, event with these options on, WordPress will not turn on comments for pages that have already been published. We’ll need to do that manually, but there is a quick way to do it.

Bulk editing pages and turning on comments

Click on Pages-> All Pages. Above your first page in the table and below the Bulk Actions dropdown on the far left side of your screen, click on the checkbox beside Title.

This will select all pages (up to 20 by default). If you have more than 20 pages, you can click on Screen Options and display more than 20 at a time.

If you change the default 20 pages, click Apply and then go back and check the checkbox beside Title to select all pages. Next we need to click on the Bulk Actions select above the Title checkbox. Select the Edit option and then click Apply.

On the Bulk Edit screen that appears, we need to click on the Comments select box and change it to Allow.

Then we just need to click on the Update button in the bottom right of the Bulk Edit screen. This will turn on comments for all existing pages. You can also remove specific pages by clicking on the X to the left of individual pages before clicking Update.

Now that all pages have comments enabled, we need to add some CSS specific to Divi Page Builder pages. Without this CSS, the comments will stretch across the entire width of the screen. The following CSS restricts comments within the same limits as a Divi row.

If you have your Divi rows set to be wider than the default 1080px, you’ll want to modify the max-width to that number.

That’s it! Comments are now enabled and displaying correctly for every page on your website. By default, WordPress will not turn on comments for new pages, even with comments turned on. To allow comments for new pages, simply quick edit the new page in the Pages-> All Pages view and click on the checkbox next to Allow Comments and then click Update. Unfortunately you’ll have to do this every time you create a new page if you want comments on that page.

Adding comments to posts

The same process can be applied to posts in Divi. Make sure you turn on comments in posts. Go to Divi-> Theme Options ->Layout -> Single Post Layout and turn on Show comments on posts. Then go to Posts-> All Posts to bulk edit all existing posts and turn on comments. The only difference is that new posts will automatically have comments enabled. You won’t need to quick edit each new post published after turning on post comments.