Colored title
This guide will show you how to change the color of a whole headline, or just a portion of it.
![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/image_f5sbww.png)
Copy this code:
Paste it into your General settings > </body> custom HTML code
![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/image_15dup7a.png)
Replace the color code with your own one:
![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/image_1ge4vbd.png)
Wrap the required portion of the headline with the following tags:
![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/image_rxwnby.png)
The text inside these tags will now be colored, while the text outside will have the default color.
![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/image_f5sbww.png)
Step 1/4
Copy this code:
<style>
.colored-text {
font-family: inherit !important;
color: #FF0071;
}
</style>
Step 2/4
Paste it into your General settings > </body> custom HTML code
![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/image_15dup7a.png)
Step 3/4
Replace the color code with your own one:
![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/image_1ge4vbd.png)
Step 4/4
Wrap the required portion of the headline with the following tags:
<span class="colored-text">This text is now colored</span>
![](https://storage.crisp.chat/users/helpdesk/website/7e782a40c0560c00/image_rxwnby.png)
Done!
The text inside these tags will now be colored, while the text outside will have the default color.
Updated on: 18/12/2023
Thank you!