In a previous Divi tutorial, we’ve shown you how to create a completely dynamic open job position template with Divi’s Theme Builder and the Advanced Custom Fields plugin. In today’s tutorial, we’ll show you how you can dynamically feature the open job positions on your careers page. This tutorial is a sequel to the open job position template post, so make sure you recreate the template first and then come back to this tutorial.
Let’s get to it.
Preview
Before we dive into the tutorial, let’s take a quick look at the outcome across different screen sizes.
Desktop
Mobile
Download The Dynamic Careers Job Listing Layout for FREE
To lay your hands on the free dynamic careers job listing layout, you will first need to download it 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. Add Careers Page
Add New Page & Switch Over to Visual Builder
Start by creating a new page, giving your page a title and switching over to Visual Builder.
2. Start Building Careers Page on the Frontend
Add Section #1
Gradient Background
Add the first section to the page, open the section settings and use a gradient background.
- Color 1: #ff6600
- Color 2: #fbff30
- Gradient Direction:
[…]
This article was written by Donjete Vuniqi and originally published on Elegant Themes Blog.