Elementor Connector Settings – Accommodation Bookings

Note: Enjoying Elementor? Check out the Elementor Connector bundle, it includes support for WooCommerce Bookings and many more!

The check-in/check-out settings in Elementor Connector for WooCommerce Bookings allows shop owners to change the design of WooCommerce Accommodatiobn Bookings.

To access these settings, navigate to Templates > Theme Builder > Single Bookable Product Template > Edit with Elementor > WC Bookings Form > Check-in/out.

Settings Overview

↑ Back to top

The available Timeslots settings include:


↑ Back to top
  • Backgrounds (Includes states for: Normal and Hover)
    • Section Background: The background for the timeslots section as a whole
    • Input Fields The alternate background for the check-in/out fields
  • Borders
    • Input Fields: Set the border type for the check-in/out fields
  • Border Radius
    • Input Fields: Set the border radius for the check-in/out fields


↑ Back to top
  • Margin: The margin for the input fields
  • Padding: The padding for the input fields
  • Section width: The width for check-in/out section as a whole


↑ Back to top
  • Font Colors
    • Labels: The font color of the check-in/out field labels
    • Input Fields: The font color of the check-in/out input fields
    • Field Description: The font color of the check-in/out input field descriptions
  • Fonts: The font family, size, line-height, weight, style and spacing options for timeslots. Includes the following:
    • Label
    • Input Fields
    • Field Description