CSS help for "Detail Page view"

We use the detail page view and we would like to have a dark background to better blend into our website. The issue is much of the text on this view is black/grey and can't seem to figure out how to change it. Any advice? 


  • Hi clueiq,

    Thanks for getting in touch about applying custom CSS to your booking page!

    Please note that help with CSS is outside the scope of what our support can offer. Any customization that you want to make to the front-end will be entirely up to you.

    Here is some CSS that support specialist Amy has created to get you started. I've added comments to show you which part of the booking page this code is affecting. 
    /* Background colour */
    body {
        background: #333 !important;

    /* "New Booking" heading */
    h1 {
        color: #fff !important;

    /* Booking date */
    h2 {
        color: #fff !important;

    /* Item name */
    h1 span {
        color: #fff !important;

    /* "Book Now" & "Availablity" buttons */
    .res-btn {
        color: #fff !important;
    I believe this will accomplish what you are looking for. I've set all the font to white for this example. You're more than welcome to get creative with it!

    If you have any more questions please feel free to send us an email at support@checkfront.com.

    Warmest regards,

    Technical Support Lead

    Checkfront | www.checkfront.com/contact | Email: support@checkfront.com

  • edited August 2019
    Thanks a lot! We end up with the date (after new booking text) and where it says "categories" and "date" and price are still a dark grey color. You can see it circled here: https://imgur.com/a/zSMOqbP

    got most of it fixed except where it says "categories" and the drop down for categories dont seem to want to change.
  • edited August 2019
    -edit fixed it!
Sign In or Register to comment.