HomePage Forums Traveler Full calendar ccolors customization

This topic contains 7 replies, has 3 voices, and was last updated by  Bryan 2 years, 5 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #12524

    it’s possible to customize the calendar colors for the “Available”, “Not Available” and “Still Available” status (both the days on the calendar and the symbols caption below)? How?

    Thank you.



    You can try this code in Traveler Settings > Styling Options > Custom Css:

    button.none.btn.btn-available {
        background-color: #b3d7c6;
    button.none.btn.btn-disabled {
        background-color: #0c4b48;
    .st-active .btn.btn-available {
        background-color: #9da0ed !important;



    Hi, how can I customize the available dates calendar background and colour. I would like the date to be more visible for the clients:

    You must be logged in to view attached files.


    You can follow our document bellow to custom theme color:

    How to custom color for new modern theme layout?



    But the problem is that I cannot right click and localise the css, as the calendar closes off immediately.


    My image will show you the function to find the section you want:




    Thanks, it works! 🙂


    You are welcome.

Viewing 8 posts - 1 through 8 (of 8 total)

The forum ‘Traveler’ is closed to new topics and replies.