What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
could you try by replacing this custom css code of your form:
width: 3px !important;
for this other one:
width: 60px !important;
height: 60px !important;
Feel free to modify the "60px" values in order to fits your needs,
Hope it helps
Please let us know if you need further assistance
Well, I was already told about this on the "part 1" thread, and it didn't work then and it doesn't work now.
If you look at my image, what I want to know is very simple -- can I increase the size of the circle?
If you look at my image above, you will see that the size of the circle (the actual radio button circle) is much bigger than on the actual form.
If you review my first post, I say that this issue of a tiny radio button circle occurs if/when a user is using a MAC computer w/Firefox.
Please take a look at this clone that I made of your form here. If that is what you would like please inject the css below. Please note that the 16px in the CSS can be increased or decreased as needed.
width: 16px !important;
I hope this helps! Please let us know if this solution is still not working for you.
The size of the circles are the same! The only thing that changes is the location; in yours, it's moved slightly to the right.
P.S. See the circle in my image...it's larger than on my or your form. That is what I am looking for.
Most known browsers like Chrome and FF doesn't support CSS styles for radio buttons and check box. In order to modify it, we have to use some advanced tricks for that. You can try it with the following codes.
/* Radio */
border:2px solid skyblue;
This is a CSS3 code so this is mostly not supported with older browsers like IE.
By the way, you have to removed the following injected CSS code to your form in order for the above code to work.
width: 3px !important;
Thank you for the code! But in Google Chrome, my form has 2 circles. Why?
To my knowledge, unless you're okay with using images, there's no surefire way to have the circle appear bigger in all browsers. If you "google" the term "increase radio button size", you'll see what I mean. However, if we come up with something, we'll be sure to inform you.
OK, thanks for the info!