Divi Business Hour

Add the hours of your service, working timeframe, and make it easier for your clients to reach you accordingly.

Here, we will discuss what you can do with Business Hour module within Divi Essential Plugin.

Content → Add New Item 

1. Add New Item – add new items to form a list of business hours

Design → Text

Here we discuss what options you’re getting for text stylization within the Divi Business Hour module.

1. Font – Select a font from the collection or use a custom font.
2. Font Weight – define how you want your font to show either regular, italic, bold extra, or even extra light.
3. Font Style – Pick a style of font for both front and back.
4. Text Color – manually select a color for the background of the text using the pointer or you can simply state the hex code and get the exact color you require.
5. Text Size – easily resize the text using the slider.
6. Letter Spacing – add space to the letters using the slider for an easier read for the website visitors.
7. Line Height – adjust the space between the lines using the slider

Design → Text (continued)

1. Text Alignment – align the text using the pre-built text alignment 
2. Text Shadow – add shadow to the content by using the pre-made shadows and configure their settings to your liking.

Design → Day Text

Here we discuss what design possibilities you’re getting for the day text stylization within the Divi Business Hour module.

1. Font – Select a font from the collection or use a custom font.
2. Font Weight – define how you want your font to show either regular, italic, bold extra, or even extra light.
3. Font Style – Pick a style of font for both front and back.
4. Text Color – manually select a color for the background of the Day Text using the pointer, or you can state the hex code and get the exact color you require.
5. Text Size – easily resize the Text using the slider.
6. Letter Spacing – add space to the letters using the slider for an easier read for the website visitors.
7. Line Height – adjust the space between the lines using the slider

Design → Day Text (continued)

1. Text Shadow – add shadow to the content by using the pre-made shadows and configure their settings to your liking.

Design → Time Text

Here we discuss what design possibilities you’re getting for the time text stylization within the Divi Business Hour module.

1. Font – Select a font from the collection or use a custom font.
2. Font Weight – define how you want your font to show either regular, italic, bold extra, or even extra light.
3. Font Style – Pick a style of font for both front and back.
4. Text Color – manually select a color for the background of the Time Text using the pointer, or you can state the hex code and get the exact color you require.
5. Text Size – easily resize the Text using the slider.
6. Letter Spacing – add space to the letters using the slider for an easier read for the website visitors.
7. Line Height – adjust the space between the lines using the slider

Design → Time Text (continued)

1. Text Shadow – add shadow to the content by using the pre-made shadows and configure their settings to your liking.

Design → Separator

1. 1. Style – choose a type of style for the separator.
   2. Width – adjust the width of the separator using the slider.
   3. Color – select a color for the dividers. You can manually pick the color or copy/paste the hex code to get the precise result.
   4. Gap Spacing – using the slider, configure the gap between the separator and the day/time.

Design → Divider Style (settings)

1. Style – choose a type of style for the divider
2. Width – adjust the width of the dividers using the slider.
3. Color – select a color for the dividers. You can manually pick the color or copy/paste the hex code to get the precise result.