Business Hours

Business Hours displays a set of day and opening-time rows. Use it for a business schedule that visitors can scan quickly.

Add and configure Business Hours

1. Click Add, choose Business Hours, and place it in the container.
2. Populate Content > Content > Days with the displayed days and their hours.
3. Configure Design > Rows, Typography, Container, and Spacing.
4. Save your changes.

This element has no children; use its own controls.

Controls

Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”

Content > Content

Setting	Purpose and options	Behavior
Days	Add, edit, remove, and reorder days.	Shared
Days > Day	Enter the day.	Shared
Days > Time	Enter the time.	Shared
Days > Accent Style	On/off.	Shared

Design > Rows

Setting	Purpose and options	Behavior
Background A	Color or supported fill.	Shared
Background B	Color or supported fill.	Shared
Background Accent	Color or supported fill.	Shared
Padding	spacing controls.	See linked controls
Border	On/off.	Shared
Border Color	Color or supported fill. When: Border is set.	Shared

Design > Typography

Setting	Purpose and options	Behavior
Day	typography controls.	See linked controls
Time	typography controls.	See linked controls
Day B	Color or supported fill.	Shared
Time B	Color or supported fill.	Shared
Day Accent	typography controls.	See linked controls
Time Accent	typography controls.	See linked controls

Design > Container

Setting	Purpose and options	Behavior
Width	Width.	Responsive
Background	Color or supported fill.	Shared
Borders	borders controls.	See linked controls
Shadow	Shadow offset, blur, spread, color.	Shared
Padding	spacing controls.	See linked controls

Design > Spacing

Setting	Purpose and options	Behavior
Spacing	spacing controls.	See linked controls

Troubleshooting