Highlighting the "Book Now" tab for package items



  • Avatar
    Amy, Technical Analyst

    Hey Sam,
    The Details tab is selected by default whenever an add-on item has information inside its Summary section in the Description page of the item builder. Removing any details in the Summary section will change the default to the Photos tab if there are images or Book Now tab if there are not.
    You can also use CSS similar to below to highlight the Book Now tab:

    .ntab.cf-tab.nav.nav-tabs #cf-item-book a {
        background-color: red;

    I recommend changing the colour to better match your branding. Here is an online resource to find your desired colour codes: https://htmlcolorcodes.com/
    I hope that helps!

    Comment actions Permalink
  • Avatar
    Stephanie Tomais

    I’ve changed the colour Sam. It makes no difference. Once 1 item is in the cart the flow immediately directs the customer to the check out form. Leaving 98% of people confused as to how to go back and add to their booking.

    Comment actions Permalink

Please sign in to leave a comment.