booster addons
creative elementor bundle
Purchase Now
Purchase Now
Purchase Now

Home - Widgets - Business Hours

Business Hours

Preview Widget
Preview Widget
Getting Started
Content
Styling

More Widgets

• Interactive Icon Box
• List Info Box
• Countdown
• Radial Progress

# Getting started

The business hours widget gives you an easy way to set up your working hours in a clean manner. Choose from different layouts, customize the text properties, and enable various options like the odd & even rows styling and the dynamic styling.

Lets go over the details of this amazing widget.

Content

This section is going to be used to define the list of your working days. You can click on add item at the bottom of this section add a new element to the list.

  • Day Name Text : This is the text that will be displayed for this day item. This allows you to a language other than English but also useful if you want to set up a day with multiple working hours. Example : Monday : 8am - 12pm. Monday : 2pm - 6pm.
  • Day : Choose which day of the week you are setting.
  • Time :  Set the time for this working day.
  • ​Enable Custom Colors​ ​: Enable this if you want to use custom colors for this day item.

Styling

Under the styling tab section, you can change the text properties, colors,  and enable various functionalities.

  • Styling

Choose a layout style and setup a row separator for your business hours widget.

-Layout Style : Choose one of the four layout styles available.

-Row Padding : Control the rows inner space by changing the row padding values.

-Enable Row Border : Enable this if you want to use a row border as a separator.

-Border size : Change the border width using this control.

-Border Style & Color : Choose a style for your border and customize its color.

  • Text Content Styling

Customize the text properties for the day and time elements. Change the font size, letter spacing... choose from hundreds of Google font families.

-Colors : Customize the color of your text elements to create a suitable design.

  • Odd & Even Rows

Enable the Odd & Even Rows if you want to use a custom style for odd rows and a different style for the even rows.

-Odd & Even : Select which type of rows you want to style. The remaining options will only affect the selected row type.

-Colors : Customize the the text and background colors for both the date and time texts.

  • Dynamic Styling

Enable the dynamic styling if you want to use a custom style for the current day. This style will be automatically applied to the present day. 

-Dynamic Decoration : Choose a decoration for the present day. You can also choose none if you don't want to use this option.

-Decoration Position : Position the decoration to either the left or the right of the row.

-Decoration Size : Change the decoration size. The options available are small, medium, and large.

-Decoration Color : Choose a color for your decoration.

Get Help From Professionals

Can't find what you are looking for?

If you can't find what you are looking for any our documentation website, please feel free to open a support ticket  & get help from our support team.

Open a Ticket
Open a Ticket

WHO ARE WE ?

We are a group of talented WordPress developers & designers from Earth our main goal is to create great products & provide the best services to our customers.

BOOSTER ADDONS

CREATIVE ELEMENTOR BUNDLE

HELPFUL LINKS

About Us

Documentation

Blog Articles

Video Tutorials

Request Support

GET INVOLVED

Feedback

Bug Report

Submit Design

Privacy Policy

Terms & Condition

FOLLOW US

Email : contact@certaindev.com

WebSite : Certain Dev

Made with love from Earth!

Certain Dev | all rights reserved © 2020