---
title: "How to change the color of the text in Markdown"
slug: "how-to-change-the-color-of-the-text-in-markdown"
description: "To change the color text in Markdown editor, paste the provided code and update the desired text and color."
tags: ["Customization"]
updated: 2025-05-13T08:27:02Z
published: 2025-05-13T08:27:02Z
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.document360.com/llms.txt
> Use this file to discover all available pages before exploring further.

# How to change the color of the text in Markdown

Markdown doesn't have a built-in way to customize the font size, colors and spacing. You can use the HTML tags provided in this article as a workaround to achieve this effect.

### Customizing text color

To change the color of a text in the Markdown editor,

1. Navigate to the desired article in the Knowledge base portal.
2. Use the below HTML code snippet:

```HTML
<span style="color:red">
Text content
</span>
```

> [!NOTE]
> ** NOTE
> 
> The `&lt;span&gt;` tag is an HTML element, and the `style` attribute is used to apply inline CSS for styling, in this case, setting the text color to red. Markdown does not natively support custom inline styles (like text color) without extensions.

1. Replace “*Text content”* with your desired text.
2. Replace the color as per your requirements.

#### Outcome

![Image showing font color change in Markdown](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/1_ScreenShot-Markdown-text_styles.png)

---

### Customizing text size

To change the size of a text in the Markdown editor,

1. Navigate to the desired article in the **Knowledge base portal**.
2. Use the below code snippet:

```HTML
<span style="font-size:18px">
This text is larger than normal.
</span>
```

1. Replace “*This text is larger than normal.”* with your desired text.
2. Replace the font size as per your requirements.

#### Outcome

![Image showing large size font](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/2_ScreenShot-Markdown_text_styles.png)

---

### Customizing text padding and background

To set text padding and background,

1. Navigate to the desired article in the **Knowledge base portal**.
2. Use the below code snippet:

```HTML
<span style="padding:10px;background-color:#f0f0f0"> 
Text with padding and background.
</span>
```

1. Replace “*Text with padding and background.”* with your desired text.
2. Replace the padding pixel and the background color as per your requirements.

#### Outcome

![Image showing text with padding and background in Markdown editor](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/3_ScreenShot-Markdown_text_styles.png)

The platform where project members manage and create content for the knowledge base. It allows users to create categories, articles, and templates; manage files, team accounts, and readers; and configure site settings such as branding, domain, and security.