-
lloflandAsked on May 26, 2025 at 12:18 PM
I have been attempting for hours to size my check boxes and align them horizontally and vertically. I have attempted CSS without success, jotform is not applying the css. I have attached a screen shot as well:
Here is my css:
/* Style the checkbox container */
.form-checkbox-item {
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
/* Style the checkbox input */
.form-checkbox-item input[type="checkbox"] {
width: 25px !important;
height: 25px !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: white !important;
border: none !important;
cursor: pointer;
display: inline-block;
vertical-align: middle;
margin: 0 8px 0 0 !important;
}
/* Style the checked state */
.form-checkbox-item input[type="checkbox"]:checked {
background-color: #333 !important;
}
-
Kyle JotForm SupportReplied on May 26, 2025 at 12:29 PM
Hi Larry,
Thanks for reaching out to Jotform Support. Unfortunately, Jotform doesn't allow direct resizing of checkboxes using CSS. To fix the size of your checkboxes, you'll need to manually resize them by moving your cursor over the PDF side of the screen—this should allow you to position and resize the checkboxes exactly the way you want them. You can also clone it so you can easily place them on your PDF. Check out my screencast below:
-
LarryReplied on May 26, 2025 at 12:47 PM
Ok thank you. I was using the corner “handles” to resize and align. The screen shot that was attached is the result of that. I am at a loss with these functions
-
Jefferson JotForm SupportReplied on May 26, 2025 at 1:02 PM
Hi Larry,
From what I see, your checkboxes are evenly stacked and consistently sized, which means your resizing and vertical alignment are already spot on. The issue now seems to be with the horizontal centering, they look slightly off-center within the yellow-highlighted area.
Since Smart PDF Forms rely on manual placement and don't support pixel-perfect alignment tools or CSS targeting, achieving perfect centering can be tricky, especially if the PDF layout has merged or uneven table cells. Here are a couple of small adjustments that may help:
- Use the keyboard arrow keys to nudge the entire column of checkboxes a few pixels left or right.
- Try zooming in further (e.g. 150–200%) to fine-tune positioning with better control.
- If one checkbox is placed just right, clone it for the others to maintain exact horizontal positioning.
Let us know if you need any more help.
Your Reply
Something Went Wrong
An error occurred while generating the AI response. Please try again!