Change layout of Section Collapse field

  • Fernandez_Bandit
    Asked on March 27, 2025 at 7:11 AM

    Hi Support,

    Please assist me to change the layout of the Section Collapse fields of this form:

    https://form.jotform.com/250800784069460

    Specifically, the Lifter No. 1 and Lifter No. 2 fields. Please make it center and bold.

    Thank you!

  • Joseph JotForm Support
    Replied on March 27, 2025 at 9:54 AM

    Hi Fernandez_Bandit, 

    Thanks for reaching out to Jotform support. If you want to center and make bold the text of the Lifter No. 1 and the Lifter No. 2 fields. You can do this by applying a custom CSS code.

    1. First, copy this code:

    #collapse_7{
      display: flex;
      justify-content: space-around;
      font-weight: bold;
    }
    #collapse_33{
      display: flex;
      justify-content: space-around;
      font-weight: bold;
    }

    2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

    3. Now, in the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box. That’s it. The code is automatically saved. Change layout of Section Collapse field Image 1 Screenshot 30

    You can also check out this guide about How to Inject Custom CSS Codes. Here's the result:Change layout of Section Collapse field Image 2 Screenshot 41

    If this wasn't exactly what you were looking for, give us more details and we'll be happy to help you.

    Let us know if you need any other help.

  • Fernandez_Bandit
    Replied on March 27, 2025 at 4:15 PM
    Great! Thanks for your help Joseph!
    ...
Your Answer