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

  • Profile Image
    jmillist
    Asked on January 14, 2017 at 05: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.

  • Profile Image
    Jim_R
    Answered on January 14, 2017 at 05: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:

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

    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.

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