Calendar

Hi,

Do you mean to make bigger the calendar or some specific area of the booking form?

If you prefer you can open a private ticket at https://wptimeslot.dwbooster.com/contact-us indicating the address of the page that contains the form in the message and we will check it and give you the CSS styles to make it match the size you need.

Thank you for using the plugin!

The actual calendar.

Check this solution:

You may need to edit the style for setting a specific width. Hope this helps.

Hi Thanks, managed that, Calendar much better, but can’t seem to get the time picker below that to be responsive when it has a border? The time slots are fine, it is just the border around them that is not fitting responsively. https://drive.google.com/file/d/16BAMXkMXgc8bLeb3F54cRd3yu3GuSjaF/view?usp=sharing

• This reply was modified 6 years, 1 month ago by mrppp.
• This reply was modified 6 years, 1 month ago by mrppp.

Hi,

Seems that a theme style is involved in the time picker area, however this style should help (add it to the “Edit Styles” area of the plugin):

.slotsCalendarfieldname1_1 { width: 95% !important; }

Note: The above is valid if the calendar field ID is “fieldname1”. If it has other ID (can be checked in the form builder) then replace “fieldname1” with the related ID.

For a more exact solution and information about the style affecting that time picker area I’ll need to check the page. To indicate the page that contains the booking form you can post a private ticket at https://wptimeslot.dwbooster.com/contact-us

Thank you for using the plugin!

Thank you, yes found it was theme related after trying another theme, but the solution you gave has fixed it for my chosen theme. Appreciate the quick and easy to follow information.