Learn about the CSS Editor option, including how to make custom changes to the Booking Page.
New to the Booking Page? Read the first article in this series for an introduction to the Booking Page.
✓ Soho | ✓ Pro | ✓ Plus | ✓ Enterprise | ✓ Flex |
Manage > Layout > Booking Page
What more do I need to use this feature?
- Admin permissions to configure Booking Page options.
- Basic CSS knowledge.
Which Checkfront version supports this feature - classic, new or both?
- 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 reach out to our Technical Support team for more information. Discover more product-related help articles here: Products (New). |
Working with the CSS Editor
![]() |
If you want to make CSS changes and are unfamiliar with CSS, 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. 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. |

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

Some elements need to be explicitly overridden, for example, button {background-color: #red !important}
< Previewing your booking page layout | Translating booking page layouts >