Adding Opening Hours Widget

1) Download following file to your computer;

Wp-Opening-Hours

2) Go to Plugins->Add New

3) Click “Upload Plugin” button

4) Choose the plugin zip file from your computer and click “Install Now” button

5) Activate the plugin

6) Click Opening Hours which is on your wordpress admin menu and add your opening hours

Screenshot_1

7) Go to Appearance->Theme Settings->General

8) Copy paste the following css code to the Custom css field

.op-overview-title {
text-align:left !important;
padding-bottom:5px !important;
padding-top:5px !important;
}
.op-overview-times {
text-align:right !important;
padding-bottom:5px !important;
padding-top:5px !important;
}
.op-overview-row {
border-bottom:1px solid #f5f1f0 !important;
}
.footer-widget .op-overview-row {
border-bottom:1px solid rgba(255, 255, 255, 0.05) !important;
}
.op-overview-row:last-child,.footer-widget .op-overview-row:last-child {
border-bottom:none !important;
}

Screenshot_5

9) Click “Save Changes” button

10) Go to Appearance-Widgets

11) Drag Drop “Opening Hours Overview” widget to a widget field which you want

Result should be like the following;

Screenshot_4