How can I center the Form Tab widget?

  • domicu
    Asked on March 16, 2017 at 2:30 PM

    I can't seem to figure this out (trying custom CSS), even though I've followed whatever standard CSS practices I'm aware of.

  • John_Benson
    Replied on March 16, 2017 at 5:00 PM

    Please try inserting this custom CSS code:

    .tabs-list.default { 

        text-align: center !important;

    Here's a guide on how to inject custom CSS code to the Form Tabs widget:

    1. Open your form and select the Form Tabs Widget. Click the Wand tool (Widget wizard).
    2. Paste the custom CSS code I provided in the Custom CSS field. Click the Update Widget when you're done.

    How can I center the Form Tab widget? Image 1 Screenshot 30

    I have cloned your form and added the custom CSS code. Here's the result: 

    How can I center the Form Tab widget? Image 2 Screenshot 41

    Here's the link of the cloned form: https://form.jotformpro.com/70746124998973. You can clone it if you want.

    Hope that helps. If you have questions, please let us know. 

  • domicu
    Replied on March 21, 2017 at 11:07 AM

    Thanks, worked nicely