How do I change the colors of the calendar?

  • Profile Image
    benjijtucker
    Asked on October 30, 2013 at 10:44 AM

    Hi the blue and orange of the current calander dosent go well with my site - is there any way i can change this?

  • Profile Image
    EliezerN
    Answered on October 30, 2013 at 12:41 PM

    Thanks for contacting us.

    If you want to change the colors blue and orange from the clendar of this form, just insert the next CSS code:

    /*--MONTH, YEAR, TODAY AND BUTTONS--*/

    .title, .button
    {
    color:#454042 !important;
    }

    /*--WHEN HOVERING THE BUTTONS--*/

    .title:hover, .button:hover, div.calendar tr.days td:hover
    {
    background-color:#AC38C9 !important;
    color:#FFFFFF !important;
    }

    /*--WEEKEND DAYS BACKGROUND--*/

    .weekend
    {
    background-color:#454042 !important;
    color:#909693 !important;

    }

    /*--TODAY BACKGROUND--*/

    div.calendar .today
    {
    color:#FFFFFF !important;
    background-color:#1F8505 !important;

    }

    Your form will look in this way:

    I cloned your form and made the changes, here is my form and you can see in real time how the changes work: http://form.jotformpro.com/form/33025259836962

    I gave it those colors to show you that it is possible to change it, now, you can choose the colors you prefer from THIS LINK, just copy and paste the values. I have also added descriptions to the code to help you to identify each part of the calendar.

    I hope this helps, however if you need further assistance let us know.

    Thanks

  • Profile Image
    benjijtucker
    Answered on October 30, 2013 at 01:14 PM
    THANKS!
    that helps a lot!