Form Tabs Widget - left align to corner of page AND put all on one line

  • Profile Image
    becca718
    Asked on October 29, 2016 at 08:06 AM

    Hey Guys

     

    I want to get all my tabs on one line and left align to the corner of the page.  Can you help me figure this out?

     

    Thanks!

     

    https://form.jotform.co/62975335331862

  • Profile Image
    Boris
    Answered on October 29, 2016 at 04:12 PM

    The problem is coming from your existing custom CSS already added into this widget.

    From what I understand, this is how you want your form to display:

    To do this, please simply add the following CSS code at the end of your Form Tabs widget's custom CSS:

    .tabs-list li {
        margin: 0 !important;
        width: 25%;
        padding: 6px 0 !important;
    }

    You can add it by clicking on your widget's wand-shaped icon:

    Then scroll down to the Custom CSS part of the widget, and paste the provided code at the bottom:

    Please try it out and let us know how it goes.