Fixing booking calendar icons

Posted on Updated on

Depending on your customer settings and reservation rules, you may experience that the date icon doesn’t align with the rest of the fields on the reservation widget as shown in the screen shot below.

Dropped Date icons

The icons are pushed down below the date fields because the width of the reservation widget is too small. Fortunately, it’s very easy to correct and get the date icons aligned.

To correct it, open the HTML file for your website and look for the width of the reservation widget (IFRAME).

Reservation Widget HTML

Change the width to be about 100-150 greater than the existing width. In most cases a new width of about 600 will be sufficient to get the icons aligned. After changing the HTML files, save it and test it to make sure that the date icons are shown correctly as shown below.

Correct date icons

For more tips on the reservation widget, check out the Resource Center at http://www.webreserv.com/resourcecenter.do

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s