How to Make the Fullwidth Post Title Taller on Divi Theme

UPDATE: Since the Divi Theme Builder was released in the Divi 4.0 update (in October 2019), there are now much more possibilities for creating a custom header for your Divi website. You can find out more about these new options in my other article about designing custom header for Divi.

Today I’m going to give you a really quick Divi tip. If you are using the fullwidth post title module on your Divi website (e.g. for your blog posts, like I am on this blog as well) and you want to make it taller, there is a quick solution to this problem.

I believe many of you already know about this trick, but I wanted to write about it, as it could be helpful for some Divi beginners.

So, the only thing you need to do is to add some top and bottom padding to this module. I’m using 6% for top and 5% for bottom padding on this blog right on this blog post.

 

 

I prefer using percentage values, so that my layout looks similar on larger screens as well. It is also a good practice to check how your layout looks on larger screens. However, you could also use vh values (vh means viewport height). For example, 5vh would be 5% of your viewport height and it would be responsive, as well.

Lastly, I’d like to give you an additional tip: If you are going to do this for your blog posts, set the fullwidth section as a global item (save it to your Divi library and set is as global). This can save you a lot of time if you decide to make any changes to all your blog posts. You will need to make it just once. This can be really helpful, for example, if you want to change the background image of this section on all blog posts.

For more Divi tips like this one, you can subscribe to my newsletter.