Elementor Connector Settings – Accommodation Bookings

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:

Design ↑ 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

Layout ↑ 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

Typography ↑ 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

WooCommerce - the most customizable eCommerce platform for building your online business.

Back to the top