How can I change the date reservation widget colors?

  • Profile Image
    vtiportal
    Asked on September 03, 2017 at 07:44 PM

    See attached. How can I change the date reservation widget colors as shown?

  • Profile Image
    ashwin_d
    Answered on September 03, 2017 at 10:48 PM

    Please inject the following custom css code in your "Date Reservation" widget to change the colors as requested:

    .ui-widget-header {

        border: 1px solid #36afc5 !important;

        background: #36afc5 !important;

    }

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {

        color: #333333 !important;

    }

    .selected a.ui-state-default {

        color: #36afc5 !important;

    }

    .ui-widget-content {

        background: #ffffff !important;

    }

     

    The follwoing guide should help you how to inject custom css code in widgets:  https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets 

  • Profile Image
    vtiportal
    Answered on September 04, 2017 at 02:39 PM

    Thank you.