Skip to main content

styling options for booking form

I'd love to see any approach that helps me style the booking form in a suitable way. Currently, I have to investigate/inspect all the items, extract classes and identifiers, assemble my custom css overrides with !important and so on. All this, to finally realize: on a landingpage directly this won't work, because my theme css file is simply not loaded at all.

So, if you have any hints or suggestions, I'd highly appreciate it.

PS: having at least a documentation available with all stylable selectors/classes, that would help a lot.

PPS: loading theme css files would solve my current issue almost entirely.

Sascha Leem

You’re not alone in this! I’m missing these styling options as well.

At least I was able to adjust the background colors for the available days and time slots via the child theme’s style.css, where I added the following code:

/* Fluent Booking Styling */
.fcal_slot_picker .fcal_spot_confirm,
.fcal_calendar_inner .calendar .day.day-enabled:is(.day_is_selected, :hover) span {
background: var(--accent) !important;
}

That said, more flexible and well-documented styling options would definitely be very helpful!

Shahjahan JewelΒ Any plans to extend customisation options?

James Maduk

The Landing pages need customization options as well..