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.
What CSS can I use to make Collapse tabs bigger?Asked by gmotta11 on June 03, 2014 at 09:25 PM
I'm trying to make my Collapse tabs bigger. I've read other threads and they all show how to make them (or the text) smaller. I however, would like to make them BIGGER.
The reason I would like it bigger is so it is readable on mobile devices.
How can I do that?
*I understand that the backgound PNG would also have to be changed out as it would be to small.
Thank you for contacting us.
Try this css this will make your collapse bar height bigger to accommodate larger text.
You can adjust the height base on your preference and also the font size.
Here's a sample:
Ok great! I will try this out.
Thanks so much for getting back to me :-)
So I am able to make the collapse bar height bigger. However when I exceed over 100px the collapse tabs/bars cover up each other. How can I adjust them so each one is displayed visibly without covering up the (or being cropped) ?
I looking to make the collapse bars height at about 150px - 200px.
Is there a way to adjust this?
Here is my form: http://form.jotformpro.com/form/41538199188973?
I am able to solve my issue with using a Custom URL with my own domain name and CSS to make it Mobile Responsive.
Glad to hear it.