Listing Category: Blog Posts

Styling Pagination in Divi

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…

Make the Transparent Menu of Divi Colored on Certain Pages

Recently I saw a help request on Divi Theme Tutorials Facebook group in which the user was asking about how to make the menu background colored for posts while keeping it transparent for the rest of the site…

Add custom Google Fonts to Divi

Divi comes with many Google fonts, but not all of them. Read more to learn how to seamlessly add your Google font of choice to Divi’s options.

Changing the featured blog post image size in Divi

The popular Divi WordPress theme from Elegant Themes includes a really nifty Page Builder that makes creating custom layouts simple and easy for anyone. The built-in Blog Module for the Page Builder allows you to quickly set up a nice Blog page for your WordPress site with a listing of your blog posts. Unfortunately, it only has two layout options: Fullwidth or Grid. What …

Remove White Space On Bottom of Blog Post

A bit of code to add to your child theme css to remove the white space at the bottom of blog posts when using full screen. When using divi you may notice that you have white space between your footer and the bottom of…

Remove the featured image from blog posts

Tutorial on how to remove the featured image in the Divi Theme Today we will do a quick tutorial on how to remove the featured image at the top of the post in the Divi theme. By default you have limited control over the look and feel of your featured image in the Divi…

How to Add a Reading Progress Bar

In today’s post, I want to demonstrate how a reading progress bar can improve visitor engagement, simply by encouraging the reader to read on. They give readers the means to gauge how much of a blog post remains, which allows them to manage their time more effectively….

Change the Single Post Thumbnail Size

Here’s a simple way to change the size of the thumbnail that appears on single blog posts when using the Divi Theme by Elegant Themes No php or HTML coding involved and we won’t be making a child theme. This method is a much safer alternative to messing about with…

Change the Post Thumbnail Size on Index Pages

Here’s a simple way to change the size of the thumbnail that appears on index pages when using the Divi Theme by Elegant Themes Index pages are the pages that are displayed when you select a category, e.g. here’s a link to this site’s WordPress Tips Category No php or…

How To Make Divi Blog Grid Posts The Same Height

There’s been a lot of activity recently on how to equalise column and module heights. Here’s a really simple tutorial on how to make the Divi Blog grid layout appear at equal heights, something that is by default ignored by the Equalize Column Heights setting….



Join our mailing list to receive latest news and updates from Divi theme tutorials directory.

Get inspired once a week with a list of hand-curated tutorials by top experts on how to increase your website building skills. It's quick, it's easy, it's the best way to increase your productivity.


You have Successfully Subscribed! Please Confirm the Subscription from your mail

Divi ‘tumblr’ Style Fullscreen Scrolling Child Theme See it in action!