Center the contents of the Dinner Cover and the Labor fields

  • tommichaud007
    Asked on April 22, 2025 at 4:22 PM
    Center the contents of the "Dinner Cover" and the % Labor" fields.
  • Raymond JotForm Support
    Replied on April 22, 2025 at 8:07 PM

    Hi Tom,

    We can scale the image on your first product by using a few CSS codes. Let me show you how:

    1. First, copy this code:

    /* center input text on dinner cover and %labor fields - 26407071*/
    #input_68, #input_63 {
          text-align: center;
    }
    /* Ends here */

    2. Next, in Form Builder, click on the Paint Roller icon on the right and click on the Styles tab on the Form Designer menu.

    3. Then, scroll down to the Inject Custom CSS box and paste the codes there.

    Center the contents of the Dinner Cover and the Labor fields Image 1 Screenshot 30

    This is how it would appear:


    Center the contents of the Dinner Cover and the Labor fields Image 2 Screenshot 41That's it. Feel free to test this cloned demo form or clone it to your account to inspect it further. We also have a guide on How to Inject Custom CSS Codes that you can check out.

    Give it a try and let us know if you need any help.

  • tommichaud007
    Replied on April 23, 2025 at 4:04 AM

    Raymond:

    Worked Perfect!

    Thanks

    Tom


Your Answer