Adding Space Indents in Header

  • RobertsCourtney
    Asked on September 4, 2024 at 5:16 PM

    Hello! I'm trying to indent a space link in this header on one of my forms, but I'm not seeing how to do that : / Adding Space Indents in Header Image 1 Screenshot 20

  • Afzal JotForm Support
    Replied on September 4, 2024 at 6:19 PM

    Hi Courtney,

    Thanks for reaching out to Jotform Support. It seems that you are looking to add a margin on the left of the header. This can be done by adding custom CSS to your form. Check out the steps below to see how it's done:

    • Open your form in Form Builder and click on the blue Paint Roller icon on the right side of the screen.
    • Under the Styles tab, paste the code below into the Inject Custom CSS area.
    /*Add a space to the right side of header - 18669811*/
    h1#header_137 {
        padding-left: 12px !important;
    }

    Here's what the result will look like:

    Adding Space Indents in Header Image 1 Screenshot 20

    Here's the cloned version of the form that you can test. If this is not what you are looking for please explain and we'll do a more in-depth investigation and work on finding a solution.

    Please give it a try and let us know how it goes. 

  • RobertsCourtney
    Replied on September 4, 2024 at 7:14 PM

    Hello, I was not able to get that to work for me (the items around the yellow is where I wanted to add spacing between parapgraphs)Adding Space Indents in Header Image 1 Screenshot 30Adding Space Indents in Header Image 2 Screenshot 41

  • Afzal JotForm Support
    Replied on September 4, 2024 at 7:40 PM

    Hi Courtney,

    I see you are looking to indent the paragraph in the sub header. Unfortunately, it is not possible to format the sub header text however we can use the paragraph field to format the text. Doing that is easy. Let me show you how:

    • In Form Builder, click on the Add Form Element menu on the left side of the page and drag-drop a Paragraph field onto your form.
    • Click on the Edit icon on the right side of the Paragraph field.
    • In the Paragraph field, add the sub header text.
    •  Now you can format the text using the Paragraph field toolbar.
    • Click on OK and then on Save. And that’s it, you’re done.

    Adding Space Indents in Header Image 1 Screenshot 20

    Reach out again if you need any other help.