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.
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