> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://help.dorik.com/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Rich Text Element # Getting Started Rich Text Element allows you to **make changes to your blog posts or custom collection items** from your **website builder**. This article will cover how you can add a Rich Text Element to your website, use the element's features, and various use cases. --- # Adding Rich Text Element To add a Rich Text Element to your web page, follow the steps with visuals listed below: 1. Go to your **Site Dashboard** ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_5a2f4n.png) 2. Click on the `+ Add New Section` button on an empty page of your site, or select the `Add New Section` option on a page with existing elements. ![Empty Page](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_5id8dk.png) ![Page with the existing element](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_hxo3oj.png) 3. Go to `CMS Row with Columns` tab ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_me74ds.png) 4. Select a CMS Row with Column **grid** ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-05-14-at-43_1t30nvj.gif) 5. Connect it with a database by clicking on the `Connect to Database` button ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_14o5fen.png) 6. Choose Data Source as either `Posts` or `Custom Collection` ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2024-05-14-at-43_tj2yqn.gif) 7. Click on **Add Element** on the empty section ![ ](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_1k998j4.png) 8. Add the `Rich Text Element` Element under the **CMS Elements** section. ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/image_9jvdet.png) | You can also add the Rich Text Element in regular row and column but only in a Post or Collection Item template --- # Rich Text Element Modal Now we will look at what each feature is used for inside the Rich Text Element modal. Refer to the image below to see what the modal looks like: ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-20_5d9a9y.png) ## Content This option is used to choose the type of content you would like to add to your Rich Text Element. ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/untitled-21_3q7scw.png) ## Heading This feature allows you to change all the headings in your content from H1 to H6. You can set alignments, adjust the size, add text-shadow, and more. Refer to the GIF below to see what options this feature has. ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2022-10-31-at-12_1pah3ai.gif) ## Paragraph This feature is used to adjust the Paragraphs in your content. You can set alignments, adjust the size, add text-shadow, and more. Refer to the GIF below to see what options this feature has. ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2022-10-31-at-21_ylk0vv.gif) ## List This feature is used to adjust the lists in your content. Refer to the GIF below to see how this feature works. ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2022-10-31-at-21_18f68kl.gif) ## Marker Marker is used to make adjustments to the texts that you have marked in your content. Refer to the **GIF below** to see how this feature works. ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2022-10-31-at-22_11beami.gif) ## Code If you have code written in your content and it is marked as code, you will be able to make adjustments to it from here. **Refer to the GIF below to see how it works**: ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2022-10-31-at-24_1xs9mf1.gif) ## Underline If you have any texts that marked as ‘Underlined’, you will be able to make adjustments to them through this feature. **Refer to the GIF below to see how it works.** ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2022-10-31-at-24_1lfkgxg.gif) ## Image If you have images in your content you will be able to make changes or adjustments to them by using this feature inside the Rich Text Element modal. Refer to the **GIF** below to see how it works: ![](https://cdn.cmsfly.com/63969cb64dabfc00be8d85e0/latest-gif-imFjAw.gif) ## Blockquote With this option you will be able to make adjustments to any blockquote in your content. Refer to the GIF below to see how it works: ![](https://cdn.cmsfly.com/63969cb64dabfc00be8d85e0/latest2-lf4wY_.gif) ## Table If you have a table in your content, you can make adjustments to it using this option. Refer to the **GIF below** to see how this works: ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2022-10-31-at-41_19xq5yh.gif) ## Embed Code If you have used the `Raw HTML <>` feature in your content, you will be able to make adjustments to your embed using this option. Refer to the **GIF below** to see how this works: ![](https://storage.crisp.chat/users/helpdesk/website/cf1fc9cc00911000/gif-recording-2022-10-31-at-41_1qe5kpr.gif) # Rich Text Element in Custom Collection Templates If you want to make changes to the contents in your Custom Collection items, you will need to add a Rich Text Element manually in order to do that. Refer to the **GIF below** to see how it works: ![](https://cdn.cmsfly.com/63969cb64dabfc00be8d85e0/done-one-Cd1T0T.gif)