Free Trial Signup

Articles in this section

See more

Booking Page: CSS Editor

Plan Availability: ✓ Soho | ✓ Pro | ✓ Plus | ✓ Enterprise | ✓ Flex |
Locate: Manage > Layout > Booking Page 
Prerequisites:

  • Admin permissions to configure Booking Page options.
  • Basic CSS knowledge. 

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

 

CSS Editor

Back to top
 
354035_-_loud_loudspeaker_megaphone_music_speak_speaker_vol.png

If you would like to make CSS changes and you're not familiar 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.

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.

 

 
Booking Page CSS
 
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, you can make such changes using the CSS editor, located in the left sidebar.  
 
CSS Editor
Any custom CSS added here will be 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 will need to be explicitly overridden, for example button {background-color: #red !important}

 

 

< Booking Page: View     |     Booking Page: Translate >

 

 

Related articles