Hours

Installation

1. Navigate to the Add New sub-page under the Plugins admin page.
2. Search for Connections Business Directory Hours.
3. The plugin should be listed first in the search results.
4. Click the Install Now link.
5. Click the Activate Plugin link to activate the plugin.

Configuration

Now that Hours is installed and activated, let’s enable it so it is displayed.

Content Block Settings

First, navigate to the Connections : Settings admin page and click the Display tab.

Next, scroll down to the Result List : Content Blocks section and enable the Business Hours option. Then scroll down to the Single Entry : Content Blocks section and enable the Business Hours option.

Lastly, click the Save Changes button.

Widget

Widget Settings

In addition to displaying the business hours using the Content Blocks you can display the business hours of operation in the theme’s sidebar using the included widget. The widget is highly configurable, providing you with many options.

FAQs

How do I display Open Hours horizontally?

Add the following to the theme’s custom CSS area found in the Customizer.

.cnbh-block {
	max-width: none !important;
	overflow: hidden;
	width: 100% !important;
}
.cnbh-block table {
	display: block;
}
.cnbh-block table thead {
	display: none;
}
.cnbh-block table tbody {
	display: flex;
	flex-wrap: wrap;
	max-width: 100%;
}
.cnbh-block table tbody tr {
	flex: 0 1 auto;
	min-width: 33%;
}
.cnbh-block table tbody th {
	display: block;
	text-align: left;
}
.cnbh-block table tbody td {
	min-width: auto;
}

Permalink | Comments Closed