Booking Page: CSS Editor

Admin permissions to configure Booking Page options.
Basic CSS knowledge.
The Booking Page feature is available to both those using items (Inventory > Items), a key feature of our classic version of Checkfront, and those using products (Inventory > Products), a key feature of our newest version of Checkfront.

New to Checkfront - Products ✨

Products (Inventory > Products) is the successor feature to (Inventory > Items) and is available in our newest version of Checkfront.

Not yet on our newest version and interested in upgrading? Please contact our Technical Support team for more information.

Discover more product-related help articles here: Products (New).

New to the Booking Page settings? 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