How can I change the line spacing on the thank You responder

  • HippoGFX
    Asked on June 25, 2024 at 7:17 AM

    How can I change the line spacing on the thank You responder Image 1 Screenshot 20

  • Arghya JotForm Support
    Replied on June 25, 2024 at 9:02 AM

    Hi HippoGFX,

    Thanks for reaching out to Jotform Support. To change Thank you page line spacing you need to change the source code of the Thank you page. Let me show you how:

    1. In Form Builder, go to Settings tab in the orange navigation bar at the top.
    2. Click on Thank you page, and click on Source Code icon at the top.
    3. Now, remove the existing code from the source code and paste this code.
    <div class="wrapper" contenteditable="false">

    <div class="col-1" contenteditable="false"><img class="tyBgImage" src="https://cdn.jotfor.ms/assets/img/thankYou/icons/icon2.png" alt="thank you icon" /></div>

    <div class="col-2" contenteditable="true" spellcheck="false" data-lt-tmp-id="lt-806408" data-gramm="false">

    <div class="thankyou-wrapper">

    <p class="thank-you-icon" style="text-align: center;"><img class="notActiveTyIcon" style="display: none;" src="https://cdn.jotfor.ms/img/Thankyou-iconV2.png?v=0.1" alt="thank you check icon" width="153" height="156" /></p>

    <div style="text-align: center;">

    <h1 class="thankyou-main-text ty-text" style="font-family: arial, helvetica, sans-serif; font-size: 10pt; line-height: 1.3;"><!-- Adjusted line-height here --> <strong>Thank you for registering to attend the BAT Capital Markets Day on Wednesday 16 October 2024 at the BAT<br /></strong><strong><br /></strong> <strong>Innovation Centre, 7 Waterhouse Way, Southampton, Hampshire, SO15 8PA <a href="https://www.google.com/maps/place/British+American+Tobacco/@50.9166816,-1.4421996,17z/data=!3m1!4b1!4m6!3m5!1s0x4874768167d869cb:0x6c59c518c3001923!8m2!3d50.9166816!4d-1.4396247!16s%2Fg%2F1v4psgbr?entry=ttu" target="_blank" rel="noopener noreferrer">(</a></strong><a href="https://www.google.com/maps/place/British+American+Tobacco/@50.9166816,-1.4421996,17z/data=!3m1!4b1!4m6!3m5!1s0x4874768167d869cb:0x6c59c518c3001923!8m2!3d50.9166816!4d-1.4396247!16s%2Fg%2F1v4psgbr?entry=ttu" target="_blank" rel="noopener noreferrer">map</a><a href="https://www.google.com/maps/place/British+American+Tobacco/@50.9166816,-1.4421996,17z/data=!3m1!4b1!4m6!3m5!1s0x4874768167d869cb:0x6c59c518c3001923!8m2!3d50.9166816!4d-1.4396247!16s%2Fg%2F1v4psgbr?entry=ttu" target="_blank" rel="noopener noreferrer">)</a>.&nbsp;<br /> <br /> If you are no longer able to attend, please contact&nbsp;<a id="OWA09db9954-d153-4515-ee36-c2cbf04c021f" class="OWAAutoLink" href="mailto:BATCMD2024@bat.com" target="_blank" rel="noopener noreferrer">BATCMD2024@bat.com<br /></a></h1>

    <div style="border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-stretch: inherit; font-size: 10pt; line-height: inherit; font-family: Aptos, sans-serif; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 0cm; padding: 0px; vertical-align: baseline; color: #000000; direction: ltr;"><strong>To edit your registration, please click&nbsp;below:</strong></div>

    </div>

    </div>

    After pasting this code, you can able to freely edit the Line spacing. Check out the screencast below to see my results:

    How can I change the line spacing on the thank You responder Image 1 Screenshot 30

    Also, you can change the number in the code to change your line spacing.

    How can I change the line spacing on the thank You responder Image 2 Screenshot 41

    If that’s not exactly what you’re looking for, can you explain a bit more so I can help you better?

    Give it a try and let us know how it goes.

 
Your Answer