I'm trying to reduce the space between paragraphs in a large portion of survey text to help it better fit on a mobile screen. I'm aware of how to reduce the height of the lines of text and the padding on the top/bottom/sides, but is there any way to specifically reduce spacing between paragraphs?
How are you formatting the paragraphs?
I'm using this for limiting some unnecessary white space / formatting throughout the survey as a whole.
.Skin .QuestionText {
color: #757575;
font-size: 22px;
padding-top: 1px;
padding-right: 6px;
padding-bottom: 0px;
padding-left: 6px;
margin: 0 auto;
font-weight: 400;
line-height: 1.3em;
}
.Skin .QuestionBody{padding-bottom:0px!important;padding-left:20px!important;padding-right:20px!important}
.Skin #Buttons{margin:2px auto 0!important;padding:2px!important}
No other special/specific paragraph formatting. Blank theme, classic layout, compact question spacing, font size 18. Ideally I'd like to keep the line height and font size as they are for readability, and JUST adjust the paragraph spacing, but not sure if there's a way to do that. Here's how the paragraph appears in rich content editor.
Well, I should have said, "What html are you using to format the paragraphs?"
Anyway, since you used RCE, it is most likely two
tags. To control the spacing remove the
tags and instead use
tags for paragraphs. Set the padding and/or margins to what you want either with inline styles or by creating a css class.
Thanks, updating from
tags to
tags was what I was missing and now this custom css resolves the issue.
p {
line-height: 1.3 ;
margin-top: 1em ;
margin-bottom: 1em ;
}
Leave a Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.