Divi Opening Hours

Divi Opening Hours module for Divi Builder is designed to display the working hours of a business in a clear and organized manner. Retail stores, service providers, restaurants and cafes, and offices are the practical use cases.

Live demo of the Opening Hours module

Content

Content Tab of the Opening Hours module.

Add day

Open the module settings, navigate to the Content tab, and click the Add Day (+ icon) 

1. Day – Write the day name for your business hours.
2. Time – Write the opening and ending times of your business on this particular day. 

Settings 

Open the module settings, navigate to the Content tab, and click the Settings toggle 

1. Spacing Bottom – Set value in pixel for spacing to each of the items.
2. Day-Time Separator – The separator between the day and time entries. 
3. Column Divider – A new divider will appear for each of the items.
4. Divider Type – Select the divider type (e.g. Solid)
5. Divider Color – Set color for Divider.
6. Divider Weight – Set value for the divider. 

Design 

Design Tab of the Opening Hours module.

Day & Time

This element allows you to style the text for both the days and the corresponding hours.

Day-Time Separator 

This element controls the design of the separator between the day and time entries.f the separator between the day and time entries.