The Business Hours Widget helps you showcase user work hours on your Elementor pages. You can also show or hide different fields from the business hours widget settings. You can customize the widget using its wide range of customization options.
Let’s look at each of the options in the “Business Hours Widget” below.
Install Business Hours Widget for Elementor #
This widget requires Unlimited Elements Free version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Business Hours”
- Hover over the widget in the search results and click install
- Add your “Business Hours” widget to any Elementor Page
General Settings #
Title
Type the title for business hours.
Subtitle
Type text for subtitle.
Footer Text
Type text to show as footer.
Layout Settings #
Show Header
Show/Hide the header.
Show Footer
Show/Hide the footer.
Items Settings #
Manage the items of business hours accordion using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Title
Type text to show as title.
Text
Type text to show in business hours.
Business Hours Widget Styling #
Every aspect of the widget’s design can be controlled through different styling options. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.
Box Styling #
Set the box border, box radius, background, and box shadow.
Header Styling #
You can style header background, text color, padding, alignment, radius, margin, and border.
Header Title Styling #
You can set the title color, typography, shadow, and spacing.
Header Subtitle Styling #
Set the subtitle color, typography, shadow, and spacing.
List Styling #
In this section, set the list padding, typography, item line color, width, and spacing.
List Item Styling #
You can set the line item color, border, radius, background, padding, and shadow.
List Separator Styling #
Style the separator spacing, color, and width.
Footer Styling #
Set the footer background, padding, border, radius, alignment, typography, text color, margin and shadow.
Usage Examples #
Here are some live use cases for the Business Hours widget.
