Want to add Business hours to Divi? And you are looking for some Plugin in the WordPress Repository? Divi Supreme got a new Module Called Business Hours, with this Module for Divi you can easily add business hours to Divi Builder without installing any sort of plugin. The setup is very simple and you can easily make attractive Business hours Section in Divi.
You can make Business hours of your choice just click on +Add New Item and then Choose Days and Time of your Business. You can add as many items you want by clicking on the +Add New Item button.
Every Divi module has a long list of design settings that you can use to change just about anything.
In the Design Option, you can style your module in different ways that came by default with Divi but some options that are added by Divi Supreme plugin are these:
This is where you can style the Day text. You will find all of the styling options, such as fonts, colors, sizing and spacing. This is the tab you will use to change how your Day Text looks.
This is where you can style the Time text. You will find all of the styling options, such as fonts, colors, sizing and spacing. This is the tab you will use to change how your Time Text looks.
You can add a separator line between Day and time from 8 different selections.
Weight: You can change the weight of the line i.e 2px
Color: You can change the color of the line
Gap Spacing: You can change the gap spacing between the Day and Time Text.
You can add a Divider underneath every Business hours item.
Item Spacing: This is where you will choose how much spacing should be added to business hours. Padding is the space added inside of your business hours items.
Use the advanced options to give your business hours module custom CSS ID’s and Classes. Add some custom CSS for advanced styling and designate the module’s visibility on certain devices.
Business Hours Item Content
Here put the time period you want to set for your business.
Here put the Day name.
Business Hours Design Options
In the Design option, you can change font, colors and many more of a particular item.
This is where you can style Day text. As mentioned before.
This is where you can style the Time text. As mentioned before.
Business Hours Item Advanced Options
Use the advanced options to give your Business Hours Item custom CSS ID’s and Classes. Add some custom CSS for advanced styling.