How to reduce width of Appointment widget?

  • howiek
    Asked on January 8, 2018 at 8:39 AM

    I need to make the appointment widget spread out across horizontally for 7 days. Can you please inform me how to reduce the width of the widget and reduce the size of the font within the widget. Previous replies to use the following CSS code does not work!

    .checklist label.checkbox,.items-left {

        font-size: 12px;

    }

    This is the form:    https://form.jotform.com/80044684402148

    Thank you,

  • David JotForm Support Manager
    Replied on January 8, 2018 at 10:18 AM

    The code works fine, I have injected it in one of your widgets, so you can see the difference: https://form.jotform.com/80044684402148 

    1515424688fixed Screenshot 10

    I'll work in a code to make the width of the widget smaller. I'll get back to you as soon as possible.

  • David JotForm Support Manager
    Replied on January 8, 2018 at 10:33 AM

    So, this would be the final code:

    1) The code to be injected inside each widget is: https://support.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets 

    .checklist label.checkbox,.items-left {

        font-size: 12px;

    }

    .checklist{

        width: 80%;

    }

    2) The code to be injected in the general CSS area is: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

     #id_3,#id_4,#id_5,#id_6,#id_7,#id_15,#id_16{

        padding-right: 0px;

        width: 190px;

    }

    Result: https://form.jotform.com/80074425426958 

    1515425597resul Screenshot 10

    Let us know if you need more help.

  • howiek
    Replied on January 8, 2018 at 11:43 AM

    Wonderful. Very much appreciated.
    Regards,


    Howard Kleinman
    I.T. Manager
    [ Concorde Worldwide ]( http://www.concordeworldwide.com/ )
    732-665-1706

    Follow us: [ Facebook ]( http://www.facebook.com/pages/Concorde-Worldwide/205439642808119 ) [ Twitter ]( http://www.twitter.com/concorde_limo ) [ Blog ]( http://concordeworldwide.wordpress.com/ ) [ Instagram ]( https://www.instagram.com/concordeworldwide/ )
    Book your reservation on our free Mobile App: [ Apple Store ]( https://itunes.apple.com/us/app/concorde-worldwide/id593927581?mt=8 ) [ Google Play ]( https://play.google.com/store/apps/details?id=com.groundwidgets.concorde )
    ...