-
howiekAsked 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 ManagerReplied 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
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 ManagerReplied 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
Let us know if you need more help.
-
howiekReplied 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 )
...