Format & syntax question

Hi David,

Thanks for your kind words 🙂

To get less space between each day, you simply need to style the output with CSS. This code should work for you and can be placed in your styles.css file:

.mabel-bhi-businesshours tr td{padding:0;}

The same goes for conditional coloring. You don’t need extra code, but just CSS will do fine. Adding this to your CSS will add a green color to the text when you’re open:

.mb-bhi-display.mb-bhi-open{color:green;}

Alternatively, the code below will turn the text red if you’re closed

.mb-bhi-display.mb-bhi-closed{color:red;}

To denote the current day in the opening hour table (for example, turn it in bold), you can use the following CSS:

mbhi-is-current{font-weight:bold;}

As you can see, you only need CSS to achieve what you want:)

The widget looks good on your website, nice job! Can I include a link to your website in my ‘examples’ section?

Let me know if this fixes your problems.

Maarten