How to reduce the width of each tab of the Form Tabs widget?

  • jmillist
    Asked on January 14, 2017 at 5:18 AM

    i have a related question. Using "form tabs" how would I go about decreasing the tab width? I'm new to CSS so am still trying to get a handle on the terms. 

    Thanks in advance.

  • Support_Management Jotform Support
    Replied on January 14, 2017 at 5:44 AM

    I checked the only form you have on your account http://www.jotform.com/70127757836868 and noticed the Form Tabs look a bit weird:

    How to reduce the width of each tab of the Form Tabs widget? Image 1 Screenshot 30

    This was most probably because you changed the padding. I suggest you set the padding back to 6px so it looks like this:

    How to reduce the width of each tab of the Form Tabs widget? Image 2 Screenshot 41

    The CSS codes would be:

    ul#tabs-list li {

       padding: 6px;

    }

    But if you prefer to have that previous look, then disregard my suggestion and just get back to us if you need further help.

  • jmillist
    Replied on January 14, 2017 at 6:45 AM
    Thanks a lot for your help Jim.
    I'll try that later and see if it fixes it.
    Sent from my iPad
    ...