Step 2. Choose a Room. text, vertically overflows div

I’ll be adding an option to this for adding this number in the settings. You can also edit this value directly.

plugins / book-a-room / css / bookaroom_day.css

Under:

#topRow .instructions {
...
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	height: 180px;
}

You can make the height larger. Refresh the page (or clear cache) to view the change.

Thanks! This is a great workaround.

If you add the CSS ‘height: auto’ to this element:

<div class="instructions">

It will expand any boxes vertically to fit the text, where the text is too large for the box. This is a good backup, for when the height is set to low. Although this is visually imperfect, I think it’s better than the text overflowing.

The vertical expansion of the div height, will only happen when the text is too large for the box, so it will still look good in ordinary circumstances.

I’m actually looking at redoing the custom css with the W3.CSS framework.