Styling Rich Text Block

rss

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
    Dmitry Kozlov
    Admin
    Member for: 7 years 6 months 26 days
    #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;
    }
    
Displaying 1 to 1 of 1 messages