How to separate tabs with CSS

  • Profile Image
    utvmasters
    Asked on June 28, 2015 at 07:53 PM
    Can you offer some CSS code to get the tab spacing to look better and separated cleaner.
  • Profile Image
    BJoanna
    Answered on June 29, 2015 at 04: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.

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

  • Profile Image
    utvmasters
    Answered on June 29, 2015 at 08:48 AM
    Excellent THANK YOU
    ...
  • Profile Image
    Jan
    Answered 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.