Business Hours

Here is a list of common content fields for Business Hours add-on.

Setting	Description
Enter Day	A text field used for day of the business hours
Enter Time	A text field used for time of the business hours
Style This Day	Checkbox option to styling the highlight day with different color
Title	Enter your desired text to use as the addon title. Leave blank if no title is needed.

Title Style settings, The Title Settings contains all the specific settings for an add-on. Here is a short overview.

Setting	Description
HTML Element	Choose the title html element from the list to fit your semantic structure.
Style	Heading styles differ in font-size but may also come with a predefined color, size and font
Title Color	Color field for customizing title color
Title Background	Color field for customizing title background color
Title Padding	Add title padding
Title Alignment	Choose title alignment (position)
Title transform	The following options will transform title into uppercased, capitalized or lowercased characters.
Icons	Select an SVG icon from the list. See live preview here https://getuikit.com/docs/icon

Style settings, The Style Settings contains all the specific settings for an add-on. Here is a short overview.

Setting	Description
Style	Select on of the boxed card styles or a blank card.
Size	You can apply different size modifiers to cards that will decrease or increase their padding.
Hover	Select this option to add box shadow on hover.
Divider	Create dividers to separate content.
Striped Items	Add zebra-striping to a list
Hover Items	Display a hover state on table rows.

General settings, which are the same across all add-ons, are grouped in a General section at the bottom. Here is a short overview.

Setting	Description
Margin	Keep the existing vertical margin (e.g. from headings), force specific margin or remove all margin. Margins of an element can be removed from the top and bottom.
Remove top margin.	Use this option to remove the add-on's top margin
Remove bottom margin.	Use this option to remove the add-on's bottom margin
Animation	Overwrite the animation settings from the section. This won't have any effect unless animations are enabled for the add-on.
Alignment	This option specifies the alignment of an add-on according to the surrounding element
Text Breakpoint	Define the device width from which the alignment will apply.
Visibility	Define when the add-on should be hidden.
CSS Class	If you wish to style a particular content element differently, then use this field to add a class name and also refer to it in your css file.

Business Hours add-on