Divi Table Maker
Tables don’t have to be boring. We used Table Maker from Elegant Themes to develop tables that are both responsive and eye catching.
You can watch the below YouTube videos to see how to add different functionality options.
Overview
1:20 – Reorder order of columns
1:23 – Editing the Rows Text, Icon, Button, Image
1:40 – Column Heater, Footer, Width
2:40 – Table Responsive Settings For Accordian, Display Options
5:32 – Frames And Stripes For Table Design
5:54- Creating Square Gaps & Circle Gaps
7:57- Individually Style Your Columns
Adding the Divi Table Maker to a website.
More Than Just A Table
Accordian Style For Ease Of Use (Overview 2:40)
Individually Style Columns (Overview 7:57)
Image, Text, Icon & Button (Overview 1:23)
Creating Gaps (Overview 5:54)
Creating Gaps With Circles (Overview 5:54)
Test Your Knowledge
To Do: Table Maker
Do your best to recreate the table shown in the below screenshot. Place the table in a new page called rates.
Dark blue: #1a384b
Completed Website
As you work through the Divi training, you’ll build out the below website. Each training will add to the website. Build out the website on the pizzazzgrouptyk.com domain from the inmotion 101 training.