Forms Designer Forum

Posted: **15 Feb 2014**

I would like to add a rich text field and style it such that there are no spaces between lines. Sharepoint is generating the following:

<p style="text-align: left; color: rgb(0, 0, 0); font-family: Segoe UI; font-size: 13px; font-style: normal; font-weight: normal;">
<span style="color: rgb(0, 0, 0); font-family: Georgia; font-size: 12px; font-style: normal; font-weight: normal; text-decoration: none;">ClientID: 123456</span>
</p>

I would like to modify the style of only the rich text block to change the paragraph font-size to 0px so that there are no spaces between lines.

I would like it to look like:

Title
Line A
Line B

rather than

Title

Line A

Line B

Using the FD framework, how would I go about overriding this inline style?

Posted: **16 Feb 2014**

Hello Jeff,

Please, assign CSS class to your rich text field in Forms Designer, 'rte-field' in my example. And place the following CSS definition into CSS-editor of Forms Designer:

Code: Select all

.rte-field .ms-rtestate-field p, 
.rte-field p.ms-rteElement-P {
    margin: 0px 0px 0px 0px;
}

Forms Designer Forum

Styling Rich Text Block

Styling Rich Text Block

Re: Styling Rich Text Block