[Plugin: Booking Calendar] Customising with CSS

Hello.
1) Each date cell have the width: 14.2857%; And better do not chnage it.
The height of the specific cell you can change by using this CSS in calendar skin:

.datepick-inline .datepick-title-row th,
.datepick-inline .datepick-days-cell {
  height: 40px;
}

Or you can define the height of the dates cells in the options parameter in the booking shortcode. Please read how manually to configure Booking Calendar shortcodes here http://wpbookingcalendar.com/help/booking-calendar-shortcodes/

The height of the Week Days row, you can change by using this CSS:

div.datepick-inline .datepick-title-row th {
    height: auto !important;
    line-height: 2.182;
}

2) If you want to change the “arrows tabs” of the month scrolling, you need to make this fix. Please open this file ../booking/js/wpdev.bk.js

then find this code:

prevText: '«',
                        nextText: '»',

and replace scroll arrow to your symbols.

Kind regards.

Hello.
1) The spaces between text fields you can modify by editing this file: http://www.thefoxesden.ie/wp-content/plugins/booking/css/client.css
in this code:

.booking_form .control-group {
  margin: 15px 0;
}

2) The style of submit button you can modify by adding this code to the bottom of same file:

.booking_form_div button.btn-primary {
  background: #ccc;
}

The ability to change the “text” on submit button possible only in the paid versions of Booking Calendar.
Kind Regards.

Hello.
1) You can add to the bottom of this file
http://www.thefoxesden.ie/wp-content/plugins/booking/css/client.css
the code like this:

.wpdevbk .booking_form label {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

2) You can change the “Thank you” message on the General Booking Settings page in admin panel at “Form section”.
3) You can deactivate the ‘Powered by’ text on the General Booking Settings page at “Main section”.
Kind regards.

Hello.
Yes, its possible. You need to open this file: ../wp-content/plugins/booking/css/client.css
then find this code (on line: 12):

.submiting_content.wpdev-help-message.alert {
  color: #009933;
}

and make your CSS customization inside of that block.
For example:

.submiting_content.wpdev-help-message.alert {
  background-color: #AAEE33;
  color: #009933;
}

Kind Regards.