Divi Custom Tabs Layouts Pack

We have made custom Tabs It reveals the content and changes the image,video,gallery on click On each tab with smooth animation.

View Document
How to import the layout pack and use them on your website:
Follow the below steps to install the Divi Layout into your Your site.

Step - 1

1. Download the Zip file and extract so you have access to the files.

Step - 2

Go to your site and locate ‘Divi’> ‘Divi Library’> ‘Import and Export’

Step - 3

Import Layout (.json) file on on Divi -> Divi Library -> Import & Export Button

Step - 4

Click On Import Option > Choose File > Choose Given Divi Library .json File

Step - 5

After import layout json files you can see Divi Layouts are in below

Step - 6

Go to the page you are creating using Divi : Add New Page and Click on “Load Layout”

Step - 7

Enter Page Name and Click On ” Use Divi Builder”

Step - 8

find ‘+’ Section (Add New) icon at the bottom centre of your page Section. It will be the icon on the left once the purple bar is expanded

Step - 9

Click on “Add From Library” and find your layout Section

Step - 10

Let’s take a final step put your CSS code from your zip file (Divi Custom tabs zip) > Style.css File > Copy all CSS code and paste to Divi Theme Options > Custom CSS

Video Tutorials for custom tabs layout

Add Image Gallery

Using the divi tabs module to create a image gallery

Add Video

Tabs Module for Video Content Navigation

Add Single Image

Tabs Module for Image Content Navigation

Add Button

Tabs Module for anchor tag Navigation