--- sourceDocument: Xanadu Employee Service Management sourceDocumentLink: https://www.servicenow.com/docs/r/xanadu/employee-service-management Release : - xanadu ft:locale : - en-US ft:publication_title : - Xanadu Employee Service Management ft:clusterId : - emplsm bundleId : - emplsm workflow : - Employee --- # Add Text or a Text section with the Rich Content Editor # Add Text or a Text section with the Rich Content Editor {#ariaid-title1} * Release version: Xanadu * * Updated August 1, 2024 * * ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 4 minutes to read Use the Rich Content Editor canvas to add Text or a Text section in your content. ## Before you begin Role required: sn_cd.content_manager Create the page layout using modules or columns. * Modules are predefined content layouts comprised of header, paragraph text, and images. See [Add predefined content layouts with the Rich Content Editor](https://www.servicenow.com/docs/Oo3eTYZxclJGItxlVTbc5w "Use modules to easily add new content layouts containing headers, paragraph text, and images. Choose from layouts comprised of three vertical cards, three horizontal cards, or a side-by-side configuration with an image positioned to the right of a text block.") * Columns are containers that enable you to define a custom layout. See [Add columns with the Rich Content Editor](https://www.servicenow.com/docs/wREvrmBmLr53SaGvY7Ia2Q "Use the Rich Content Editor canvas to create columns to help define and organize your layout for your page.") {#ec-rich-content-text__ul_jzv_qft_wxb} ## About this task * Text provides the tools to format and arrange text. * Text section provides the tools to format and arrange text and an area to add a headline. Note: For Text section, the headline, text, and container settings are configured separately. {#ec-rich-content-text__ul_tx5_chj_bvb} When you copy and paste formatted content into the Rich Content Editor, the content retains its original formatting and appears in a new text box. Alternatively, you can use the browser toolbar option EditPaste and Match Style to paste the content as plain text, matching the formatting of the destination text box. Pasting behavior: * Clicking into the text box and pasting: The content appears at the cursor's position. * Selecting the entire text box and pasting: The content appears in a new text box underneath {#ec-rich-content-text__ul_ury_kx5_sbc} ## Procedure 1. Navigate to the canvas by selecting the Open editor button from the Design tab of the New content form. 2. From the Blocks column, use a drag-and-drop method to move a Text or Text section block to your canvas. 3. Enter text or text and a headline depending on what component you dropped into the column. 4. Navigate to Settings tab. 5. Use any of the following styling settings: {#ec-rich-content-text__table_zx2_tgw_jyb__entry__2} | Settings field | Description | |-|-| | Styling || | Text style | Allows you to quickly change the look of your text by selecting a pre-formatted choice. You can select different headlines or paragraph styles. Headline 1-6 corresponds to h1 - h6 HTML tags. Selecting a text style pulls from your portal theme text settings in order to sync with it. For more information, see [Portal configuration](https://www.servicenow.com/docs/KXmuOkJb0SDBew3tunROjw "Configure the default Employee Center portal to incorporate specific widget experiences into your home page."). | | Text color | Use this drop-down to change the color of your text. Selecting a text color pulls from your portal theme text settings in order to sync with it. The values are defined as part of the portal theme. Your company can customize the portal theme to have different colors. For more information, see [Portal configuration](https://www.servicenow.com/docs/KXmuOkJb0SDBew3tunROjw "Configure the default Employee Center portal to incorporate specific widget experiences into your home page."). Your choices are: * Primary: The primary color defined by your portal theme. * Muted: The color defined by your portal theme. * White: Changes the color of your text to white. This is useful when using a background color other than white. {#ec-rich-content-text__ul_mfb_k5h_vvb} Text color assigns predefined CSS classes for text color. | | Display | Configure the appearance of multiple components within the same column, such as an image and a text component. Select from the following options: * Top and bottom (default): Image appears above the other component. * Side by side: Image appears with the other component next to it. {#ec-rich-content-text__ul_f4z_hxk_gvb} Note: For best results, set the same display for the components. For example, if you have an image and text components in a column and want the image to appear on the left and the text to appear at the right, change the Display settings for both components to Side by side. | | Text alignment | Determines the horizontal alignment of your text. Choose from: * Left justify * Center justify * Right justify * Justify (text is aligned with both margins) {#ec-rich-content-text__ul_j3v_plj_bvb} | | Advanced styling || | Padding | Sets the spacing between the text and the border of the text container in pixels or as a percentage of the total text container. Specify the padding for the top, right, bottom, and left sides. | | Font name | Defines the font face used to render characters. Click the drop-down arrow to select a different font. | | Font size | Sets the size of the font. | | Font weight | Determines how bold or light your text appears. Click the drop-down arrow to select a different weight. | | Line height | Sets the vertical distance between two lines of text. | | Font color | Overrides the font color from your portal theme. To select a color, enter the hex code or click the color picker (grey square to the right of the font color) and select a color from the color palette. | | Properties || | ID | A unique ID that identifies the HTML element. | | Title | Text that appears when a user hovers over the component. | [Table 1. Settings options] {#ec-rich-content-text__table_zx2_tgw_jyb} 6. Select Save or Save and Finish. Selecting Save saves your content and you remain on the Rich Content Editor canvas. Selecting Save and Finish saves your record and returns you to the New content form. ## What to do next * (Optional) Translate your content.Request language translation for your content. For more information, see [Switch language for Content Publishing](https://www.servicenow.com/docs/xBdAmyyVb919AFMPJyY_Wg "When creating content from the Content Library, you have the option to select a different language to view in your session similar to changing your language at login.").{#ec-rich-content-text__p_vtc_nfg_h1c} Note: Only translate content after you are done modifying the content. For best results, we do not recommend that you add or remove components or change the formatting after translation. To create rich content that is formatted differently in different languages, duplicate the content and modify the formatting as needed. Then, use Audiences to target the content to users by language. See [Audiences](https://www.servicenow.com/docs/AadwgcpcGgLZ52sKygtWKg "Target portal content and lifecycle event activities to specified audiences with audience records.") * Preview your content from the Publish tab. Note: Content Preview is designed to provide a general idea of how your content looks. Content may look different once published due to variations in device resolution, theme difference, or mobile app style configuration. * Configure a publish plan to control where the content is delivered, the audience, and the period of time it is available: [Create a publish plan for your content](https://www.servicenow.com/docs/Q~O~DP17cxjKkIguzXi87w "After you create content in the Content Library, add one or more publish plans to control where the content is delivered, the audience, and the period of time it is available."). {#ec-rich-content-text__ul_ogf_pv5_nyb} *[\>]: and then