Want to display your store or office hours directly on your website? The Business Hours widget in aThemes Addons for Elementor lets you list your operating schedule in a clean, customizable layout that visitors can find at a glance.
In this guide, we’ll walk you through how to activate, configure, and style the Business Hours widget in aThemes Addons.
Table of Contents
Before you get started, make sure you’ve installed and activated the aThemes Addons plugin on your WordPress site along with Elementor.
The Business Hours Widget allows you to display your business hours in a customizable format. It’s perfect for informing your customers about your availability.
Activating the Widget
This widget is part of the aThemes Addons for Elementor plugin. To activate it, go to your admin area, visit the aThemes Addons dashboard, search for the widget, and click on the switch to activate it. It will now be available in your Elementor interface.
Exploring Widget Options
Business Hours section
- Day: Enter the day of the week (e.g., “Monday”).
- Hours: Enter the business hours for the specified day (e.g., “9:00 – 17:00”).
- Highlight this day: Toggle to highlight the specified day.
Customizing the Style Tab
Customize the appearance of your business hours under this tab. You have a variety of options to ensure the widget matches your website’s design and branding perfectly.
Wrapper
- Padding: Adjust the padding inside the wrapper.
- Margin: Adjust the margin outside the wrapper.
- Background Color: Set the background color of the wrapper.
- Border: Customize the border settings, including color, width, and radius.
- Box Shadow: Add a box shadow to the wrapper.
- Max Width: Set the maximum width of the wrapper.
- Alignment: Align the wrapper to the left, center, or right.
Rows
- Padding: Adjust the padding inside the rows.
- Spacing: Adjust the spacing between rows.
- Background Color: Set the background color of the rows.
- Border: Customize the border settings, including color, width, and radius.
- Highlighted Rows: Customize the background and text color of highlighted rows.
Day
- Color: Set the text color for the day.
- Typography: Customize the typography for the day text.
- Highlighted Color: Set the text color for highlighted days.
Hours
- Color: Set the text color for the hours.
- Typography: Customize the typography for the hours text.
- Highlighted Color: Set the text color for highlighted hours.
These style options ensure that your business hours widget looks professional and integrates seamlessly with your site’s overall design.
That’s it! You’ve successfully set up the Business Hours widget on your site.
Next, would you like to add a compelling call to action to your pages? Check out our guide on using the Call to Action widget to learn more.
