How can I center these tabs rather than have them aligned to the left? I've tried several CSS injections, but nothing's working. Thanks!

  • Profile Image
    EnchantedInspections
    Asked on November 16, 2021 at 08:56 AM


    I am using the Form Tabs Widget for this. Thanks!

    1637070989_6193b88dc183d_ECHI question i

  • Profile Image
    Jovanne_A
    Answered on November 16, 2021 at 09:43 AM

    Hi, thank you for contacting support.

    Could you please try adding this custom CSS code to the widget's custom CSS code function?

    li#form-tab-4 {
      width: 150px !important;
    }

    li#form-tab-7 {
      width: 225px !important;
    }

    li#form-tab-10 {
      width: 138px !important;
    }

    li#form-tab-14 {
      width: 159px !important;
    }


    li#form-tab-16 {
      width: 170px !important;
    }

    li#form-tab-18 {
      width: 65px !important;
    }

    1637073709_6193c32d5b336_

    Please give it a try and let us know if this works for you.

  • Profile Image
    EnchantedInspections
    Answered on November 16, 2021 at 11:38 AM

    That's an interesting workaround. Thanks, I can take this and do what I need to with it!