Booking Page: CSS Editor

Admin permissions to configure Booking Page options.
Basic CSS knowledge.
The Booking Page is available to those using items (Inventory > Items), a feature of our classic version of Checkfront.
Interested in using the Booking Page with products (Inventory > Products)? Your account must be a member of our Early Access Program.

Early Access Program

To learn more about becoming part of our Early Access Program check out our related blog post or contact our Technical Support team.

Find our complete set of help articles related to the Early Access Program here: Early Access Program.

New to the Booking Page Layout? Please read the first article in this series: Booking Page: Layout.

CSS Editor

354035_-_loud_loudspeaker_megaphone_music_speak_speaker_vol.png

If you would like to make CSS changes and you're not familiar with CSS, then you may want to visit a site such as Mozilla.org which is an excellent online resource for learning CSS. Alternatively, you could consider hiring a developer to make the changes for you.

Please note: We do not officially provide support for custom CSS changes, as the codes could potentially change with updates and new releases, and no longer work as expected.

From time to time, you may wish to make adjustments to some of the elements of your Customer-facing booking page, which cannot be made through simple settings in your Checkfront dashboard.

If you are familiar with CSS, then you can make such changes using the CSS editor, located in the left sidebar.

Any custom CSS added here is applied to both the hosted and embedded versions of your booking portal. Input your CSS overrides into the text area provided and click on the blue Save button to record your edits.

Some elements need to be explicitly overridden, for example button {background-color: #red !important}

< Booking Page: View | Booking Page: Translate >

Articles in this section

CSS Editor

Related articles