Get rid of triangle shape using CSS on my Form Tab Widget

  • becca718
    Asked on October 27, 2016 at 12:08 PM

    How Can I get rid of the triangle shape when the form tab is in the active state?

     

    https://form.jotform.co/62975335331862

  • Kiran Support Team Lead
    Replied on October 27, 2016 at 1:27 PM

    Are you referring to the triangle shape to the right on the Form tabs widget?

    Get rid of triangle shape using CSS on my Form Tab Widget Image 1 Screenshot 40

    If so, they may be customized by injecting some CSS code to the widget. Please try injecting the following CSS code to the Custom CSS section on the form tabs widget.

    .tabs-list li {

        margin-right: 2px;

    }

    .tabs-list.amberorange .current .liAfter {

        border-bottom: none !important;

    }

    .tabs-list.amberorange li .liAfter {

        border-bottom: none;

    }

    Get rid of triangle shape using CSS on my Form Tab Widget Image 2 Screenshot 51

    The tabs will be displayed as shown below after injecting the CSS code.

    Get rid of triangle shape using CSS on my Form Tab Widget Image 3 Screenshot 62

    Hope this information helps! Let us know if you need any further assistance. We will be happy to assist.