Business Hours

Default Example

In this section we have shown Business Hours example. If you want you can just insert this element.

Monday 10:00 AM - 6:00 PM
Tuesday 10:00 AM - 6:00 PM
Wednesday 10:00 AM - 6:00 PM
Thursday 10:00 AM - 6:00 PM
Friday 10:00 AM - 6:00 PM
Saturday 10:00 AM - 6:00 PM
Sunday Closed

Divider Example

In this part we have shown Business Hours Divider example. If you want you can just insert this element. then divider option yes/not.

Saturday 10:00 AM - 6:00 PM
Sunday 09:00 AM - 5:00 PM
Monday Closed
Tuesday 08:00 AM - 4:00 PM
Wednesday 11:00 AM - 7:00 PM
Thursday 08:00 AM -3:30 PM
Friday 11:00 AM - 6:00 PM

Divider Dashed Example

In this section we have shown Business Hours Divider Dashed example. If you want you can just insert this element then set divider style dashed.

Saturday 08:00 AM - 4:00 PM
Sunday 11:00 AM - 7:00 PM
Monday 08:00 AM - 5:30 PM
Tuesday Closed
Wednesday 10:00 AM - 6:00 PM
Thursday 11:00 AM - 8:30 PM
Friday 12:00 AM - 9:00 PM

Striped Effect Example

In this part we have shown Business Hours stripped effect example. If you want you can just insert this element. Then set stripped effect option yes/not.

Monday 10:00 AM - 6:00 PM
Tuesday 10:00 AM - 6:00 PM
Wednesday 10:00 AM - 6:00 PM
Thursday 10:00 AM - 6:00 PM
Friday 10:00 AM - 6:00 PM
Saturday 10:00 AM - 6:00 PM
Sunday Closed

Color Example

In this section we have shown Business Hours Stripped effect example. If you want you can just insert this element then set stripped effect color as your choose.

Friday 10:00 AM - 6:00 PM
Saturday 11:00 AM - 6:00 PM
Sunday 09:30 AM - 5:30 PM
Monday 10:30 AM - 5:00 PM
Tuesday Closed
Wednesday 10:00 AM - 6:00 PM
Thursday 08:00 AM - 3:30 PM

Row Spacing (10px) Example

In this part we have shown Business Hours row spacing example. If you want you can just insert this element. Then set row spacing as your need.

Saturday 10:00 AM - 6:00 PM
Sunday 11:00 AM - 6:00 PM
Monday 09:00 AM - 6:00 PM
Tuesday Closed
Wednesday 08:00 AM - 5:00 PM
Thursday 08:00 AM - 4:00 PM
Friday 08:30 AM - 5:30 PM

Background Gradient Color Example

In this section we have shown Business Hours background gradient color example. If you want you can just insert this element then set background  gradient color.

Monday 09:00 AM - 5:00 PM
Tuesday 11:00 AM - 6:00 PM
Wednesday 08:00 AM - 4:00 PM
Thursday 12:00 AM - 8:00 PM
Friday Closed
Saturday 09:00 AM - 5:30 PM
Sunday 08:00 AM - 6:00 PM

Close Day Background Example

In this part we have shown Business Hours close day background color example. If you want you can just insert this element then set close day background color.

Monday 09:00 AM - 5:00 PM
Tuesday 11:00 AM - 6:00 PM
Wednesday 08:00 AM - 4:00 PM
Thursday 12:00 AM - 8:00 PM
Friday Closed
Saturday 09:00 AM - 5:30 PM
Sunday 08:00 AM - 6:00 PM

Want to see how business hours widget works?