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.