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