How to reduce spacing in specific part of intro paragraph? | XM Community
Skip to main content
Question

How to reduce spacing in specific part of intro paragraph?

  • March 27, 2024
  • 5 replies
  • 543 views

Forum|alt.badge.img+1

I need help to reduce the space between lines in a certain part of a paragraph in my intro. Is there a way to do this? I am not very skilled in code. Thank you for any help!! 

 

Example: 

 

5 replies

TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • March 27, 2024

Use HTML view and put the first row in a <div>:

<div style="padding-bottom:0.5em">Hello, this is my example</div>
blah blah blah

Remove any <br /> elements between the first line and next line. Adjust padding-bottom as needed - 0.5em is about half a character.


Forum|alt.badge.img+1
  • Author
  • March 27, 2024

Use HTML view and put the first row in a <div>:

<div style="padding-bottom:0.5em">Hello, this is my example</div>
blah blah blah

Remove any <br /> elements between the first line and next line. Adjust padding-bottom as needed - 0.5em is about half a character.

I tried to do this on my actual survey and it did not work. I think my example was bad. In my actual survey, the lines would not be disconnected from each other. It is a large paragraph that I would like to compress. Is there a way to do that?


Forum|alt.badge.img+2
  • Level 2 ●●
  • November 5, 2024

Hi @TomG, thanks for this code.

I’m trying to use this for my survey footer (simple layout) but am having some issues.

When I use the div code, it removes all of the other formatting that I’ve applied (i.e., alignment, text size, text colour):

Whereas, I want it to look like this but with less space between the lines. Do you have any suggestions?

This is the code I’m using:

<p style="text-align: center;"><span style="font-size:11px;"><span style="line-height:normal"><span style="font-family:Calibri,sans-serif"><span style="color:#999999;"><div style=“padding-bottom:10px”>Document (Date Version)<br />Study Sponsor: Organisation | Chief Investigator: Name <br />Committee:&nbsp;ID | Committee: ID<br />If you have any questions, please email Name at Email Address</div></span></a></span></span></span></p>

I’ve tried putting the div part in different places but it hasn’t helped.


TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • November 5, 2024

Try this: 

<div style="text-align:center;font-size:11px;font-family:Calibri,sans-serif;color:#999999;line-height:normal;padding-bottom:10px;">Document (Date Version)<br />Study Sponsor: Organisation | Chief Investigator: Name <br />Committee:&nbsp;ID | Committee: ID<br />If you have any questions, please email Name at Email Address</div>

Adjust line-height if there is too much space between lines (e.g., line-height:13px; )


Forum|alt.badge.img+2
  • Level 2 ●●
  • November 5, 2024

Thank you so much!