The Ultimate Divi Bundle - 5 Divi plugins. 1 great price.
Learn More

It is easy to add pagination to the Divi blog pages simply by installing the free WP-PageNavi plugin, as outlined in this post by Elegant Themes.

I just wanted to share an example of styling the pagination, in case it helps anyone.

Here is how the pagination appears when the plugin is installed on Divi:

Now let’s apply the following CSS, which makes several changes (as detailed in the code comments):

This gives the following result:

Hopefully that gives you a bit of a head-start in styling your own Divi pagination.

A couple of notes:

  • I suggest disabling the “Use pagenavi-css.css” option in the WP-PageNavi settings as it seems to be unnecessary (Divi seems to apply the default pagenavi styles for you)
  • While I’ve done it via CSS, you can also configure the “Next” / “Prev” text from the WP-PageNavi settings. I’ve used CSS mainly to illustrate that it can be done this way.
  • I haven’t yet included this in Divi Booster, but if you’d like to see me do so, please let me know in the comments.