How to Split Screen Your Blog Post Template with Divi’s Theme Builder

How to Split Screen Your Blog Post Template with Divi’s Theme Builder

When creating a website, chances are high you’re going to include a blog page and blog posts on it. Of course, the most important part of a blog strategy is creating high-quality blog post content, but the design part of it all plays a big part in your strategy’s success too. When creating a website with Divi, you’re able to streamline the way your blog posts look inside the Divi Theme Builder by creating a post template with dynamic content. We’ve been consistently sharing blog post templates on our blog which help you speed up the process, but if you’re specifically looking to create a split-screen blog post, you’ll love this post. We’ll show you step by step how to do it and you’ll be able to download the template JSON file for free as well!

Let’s get to it.


Before we dive into the tutorial, let’s take a quick look at the outcome across different screen sizes.



split screen blog post template

Download The Split Screen Blog Post Template for FREE

To lay your hands on the free split screen blog post template, you will first need to download them using the button below. To gain access to the download you will need to subscribe to our Divi Daily email list by using the form below. As a new subscriber, you will receive even more Divi goodness and a free Divi Layout pack every Monday! If you’re already on the list, simply enter your email address below and click download. You will not be “resubscribed” or receive extra emails.

You have successfully subscribed. Please check your email address to confirm your subscription and get access to free weekly Divi layout packs!

1. Go to Divi Theme Builder & Add New Post Template

Go to Divi Theme Builder & Add New Template

Start by going to the Divi Theme Builder. Once there, add a new template.

split screen blog post template

Use Template on All Posts

Use the new template on all your posts.

split screen blog post template

Start Building Template Body

And start building the template body.

split screen blog post template

2. Build Blog Post



This article was written by Donjete Vuniqi and originally published on Elegant Themes Blog.

Disclosure: Some of the links in this post are "affiliate links." This means if you click on the link and purchase the product, We may receive an affiliate commission.

Leave a Comment

Your email address will not be published. Required fields are marked *

Show Your ❤️ Love! Like Us
Scroll to Top