The DiviFlash Business Hours module provides a flexible way to display your company’s operating hours.
Let’s see the settings in brief and how to make better use of it —
Content Tab
This tab has the essential settings for adding and configuring business hours.
Add New Item
Click the + Add New Item button to add a new business hour entry. This opens the Business Hour Settings, where you can enter timings and customize each item individually. To learn how to add and customize individual business hour items, click here.
General Settings
Enable and set a title for your business hours section.
Background: Add a background color, gradient, image, video, pattern, or mask to the module.
Element Label: Rename the module to organize it more easily in the Divi Builder. (Only you can see this label.)
Design Tab
Use this tab to style and customize the appearance of the module.
Title: Customize background, typography, and border for the business hours title.
Items: Customize background and border for the overall business hours container.
Day: Background, typography, and border options for the day-section of the business hours.
Time: Background, typography, and border options for the time-section of the business hours.
Start Time: Background, typography, and border options for the start time-section of the business hours.
End Time: Background, typography, and border options for the end time-section of the business hours.
Time Separator: Background, typography, and border options for the time separators.
Day-Time Separator: Customize the separator between the day and time sections.
Custom Spacing: Add custom margins and paddings to all the wrappers and every item of business hours.
Sizing: Adjust the width, height, and alignment of the module.
Spacing: Add custom margin and padding to the module’s container.
Border: Customize the border style, width, and color. And style each border separately or apply the same style to all sides.
Box Shadow: Add shadow effects to the module.
Filters: Apply color filters to enhance the appearance.
Transform: Scale, rotate, move, or skew the module.
Animation: Apply reveal animation effects and customize delay, duration, repeat settings, and animation type.
Advanced Tab
This tab provides additional settings for advanced users who want greater control over the module with custom code, conditions, and more.
Business Hour Settings
Each business hour entry acts as a child item of the module. Settings applied here will override the main module settings.
Content Tab
Content
- Day Name: Input the name of the business day.
- Enable Off Day: Toggle on to declare this day as an off day.
- Off Day Text: Add text to clarify the off day. Only available if you enable off day.
- Time Structure: Choose a time structure for the business day. Only available when Enable Off Day is disabled.
- Time: Define the time of the business day.
- Start Time: Define the start time of your business day. Only if you choose “Start and End Time” as “Time Structure.”
- End Time: Define the end time of your business day. Only if you choose “Start and End Time” as “Time Structure.”
- Time Separator: Use a separator between the start and end time. Only if you choose “Start and End Time” as “Time Structure.”
- Day-Time Separator: Customize the separator between the day and time sections.
Background: Add a background color, gradient, image, video, pattern, or mask to the item.
Link: Use this default Divi setting to add a link to an individual item.
Element Label: Rename the item for easier identification (visible only to you).
Design Tab
Use this tab to style individual business hour items. The available options are similar to the module-level design settings.
Advanced Tab
Add custom CSS, visibility rules, or conditions for individual business hour items.
Need Help?
If you have any questions or need assistance, contact our support team: [email protected]