Aligning the form tabs

  • Profile Image
    russbanner
    Asked on February 13, 2015 at 09:25 AM

    As you seem to be good at this stuff, can you have a look at this issue. The first tab at the top seems to be just off the edge of the border, not sure why. but would like to fix that.

     

    http://www.careerguidancecharts.com/brompton-academy-futures-action-plan.html

     

    Russ

  • Profile Image
    bkljaic
    Answered on February 13, 2015 at 10:33 AM

    Hi,

    You can fix alignment of the first tab inside of you form by adding custom CSS. 

    Open your form. Inside of Jot Form builder, go to Preferences. Select Form Style tab. Inside of Inject Custom CSS field add this code at the end. 

    .tabs-list {

        margin-left: 45px;

    }

    Hope this will help.

  • Profile Image
    russbanner
    Answered on February 15, 2015 at 09:42 AM

    Hi there 

    did that not quite fix it, tried going to 60px still no fix

     

    suggestions?

     

    Russ

  • Profile Image
    Jan
    Answered on February 15, 2015 at 12:05 PM

    You want to move the first tab so that it will be aligned with the fields like with the Full Name right?

    Please try this CSS code instead:

    .tabs-list { margin-left: 50px !important; }

     

    Hope this works. Let us know if you need further assistance. Thank you.