Changing colour of "Book Now" button on listing page



1 comment

  • Avatar
    Amy, Technical Analyst

    Hi Sam,
    You can change the colour of the Book Now button by using some CSS similar to this:

    .cf-item-action .cf-btn-book.res-btn.ct {
       background-color: red;
    .cf-item-action .cf-btn-book.res-btn.ct:hover {
       background-color: blue;

    With this, the button will appear as red when it is loaded and change to blue on hover. You will want to update the colours to match your branding more closely. Here is an online resource to find your desired colour codes:

    I hope this helps!

    Comment actions Permalink

Please sign in to leave a comment.