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

  • Profile Image
    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

  • Profile Image
    Kiran
    Answered on October 27, 2016 at 01:27 PM

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

    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;

    }

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

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