- laundrycareAsked on September 15, 2016 at 09:53 AM
- JotForm SupportWelvinAnswered on September 15, 2016 at 12:28 PM
I've adjusted the spacing of the widgets and brought back the original size of the form collapse to prevent the fields from overlapping. Please check and let us know if you want to keep it.
- laundrycareAnswered on September 15, 2016 at 12:43 PM
Thanks for responding. I actually want the padding between the Numeric Slider widgets reduced, as opposed to the collapsible form separators. For example, the space between "New Terminations" slider and "New Issues" sliders. There's a lot of blank space in-between that I'd like to reduce. Can you help with that or tell me what css to inject?
- JotForm SupportWelvinAnswered on September 15, 2016 at 02:04 PM
Here are the custom CSS codes that I have injected in the form:
padding: 0 35px;
margin: 0 auto;
You can add the following to lower the spacing:
The custom CSS codes are applied to the entire widgets in the form even not the numeric sliders. If you need to apply it to the specific numeric slider widget, you have to target its ID instead of its data type.
For the "New Terminations":
For the New Issues:
To get the widget ID, you need to use the Inspect Element in your browser.
Let us know if you need further assistance.
- laundrycareAnswered on September 16, 2016 at 08:39 AM
Thanks but when I try to change a specific numeric slider widget, the custom css does not work. I did try with the target ID and it doesn't appear to do anything. When I add your custom css to the entire widgets, it causes one of my tables to overlap with other widgets.
I want to just reduce the spacing between the numeric slider widgets but can't seem to do on specific widgets, with the css code you've provided.
- JotForm SupportWelvinAnswered on September 16, 2016 at 10:17 AM
Please try the following custom CSS codes instead. This time, you'll see the widget ID's.
I hope this works for you.