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>


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:

Line A
Line B

rather than


Line A

Line B


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


  • Dmitry Kozlov
    Dmitry Kozlov
    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 {
        margin: 0px 0px 0px 0px;
Displaying 1 to 1 of 1 messages