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
Type the title for business hours.
Type text for subtitle.
Type text to show as footer.
Show/Hide the header.
Show/Hide the footer.
Manage the items of business hours accordion using the repeater field.
- Add new items
- Duplicate items
- Delete items
- Reorder Items
- Edit Items
Type text to show as title.
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.
Set the box border, box radius, background, and box shadow.
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.
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.
Set the footer background, padding, border, radius, alignment, typography, text color, margin and shadow.
Here are some live use cases for the Business Hours widget.