How to reduce width of Appointment widget?

  • Profile Image
    howiek
    Asked on January 08, 2018 at 08: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,

  • Profile Image
    BDAVID
    Answered on January 08, 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.png

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

  • Profile Image
    BDAVID
    Answered on January 08, 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.png

    Let us know if you need more help.

  • Profile Image
    howiek
    Answered on January 08, 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 )
    ...