Styling Rich Text Block

Posted by Jeff Childers - Feb 15 ’14 at 12:36

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?

Dmitry Kozlov

Admin

Member for: 10 years

#1 by Dmitry Kozlov Feb 16 ’14 at 07:43
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:
```
.rte-field .ms-rtestate-field p, 
.rte-field p.ms-rteElement-P {
    margin: 0px 0px 0px 0px;
}
```
link flag

Displaying 1 to 1 of 1 messages

Related threads