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:

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
Use of your personal data
We and our partners process your personal data (such as browsing data, IP Addresses, cookie information, and other unique identifiers) based on your consent and/or our legitimate interest to optimize our website, marketing activities, and your user experience.