How to separate tabs with CSS

  • utvmasters
    Asked on June 28, 2015 at 7:53 PM
    Can you offer some CSS code to get the tab spacing to look better and separated cleaner.
  • BJoanna
    Replied on June 29, 2015 at 4:32 AM

    You can add this code to separate your tabs and to add border to your tabs:

    .tabs-list li {

      margin: 5px!important;

      border: 2px solid #fff;

    }

    Inside of this guide you can find out how to Inject Custom CSS code:

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    After adding this code your tabs will look like this.

    How to separate  tabs with CSS Image 1 Screenshot 20

    Hope this will help. Let us know if you need further assistance. 

  • utvmasters
    Replied on June 29, 2015 at 8:48 AM
    Excellent THANK YOU
    ...
  • Jan
    Replied on June 29, 2015 at 10:26 AM

    Glad to hear that your issue was resolved by BJoanna. Let us know if you need any help. Thank you.