# Text color different when published

**URL:** <https://community.hubspot.com/t/text-color-different-when-published/120586>\
**Category:** CMS Development\
**Tags:** free\
**Created:** [November 15, 2024, 4:28am UTC](https://community.hubspot.com/t/text-color-different-when-published/120586 "2024-11-15T04:28:10Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![KatDavisonPhoto](https://avatars.discourse-cdn.com/v4/letter/k/8491ac/32.png) [@KatDavisonPhoto](https://community.hubspot.com/u/KatDavisonPhoto)\
**Post date:** [November 15, 2024, 4:28am UTC](https://community.hubspot.com/t/text-color-different-when-published/120586/1 "2024-11-15T04:28:10Z")

</div>

Hi friends! \*\*Please help\*\*

My website text is all black when in the editor and previewing but when I actually publish the website, all the text turns that “hubspot blue” how do I keep the text black when published?

---

<div class="post-metadata">

**Author:** ![SanjayKumar](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/sanjaykumar/32/16943_2.png) [@SanjayKumar](https://community.hubspot.com/u/SanjayKumar)\
**Post date:** [November 15, 2024, 7:32am UTC](https://community.hubspot.com/t/text-color-different-when-published/120586/2 "2024-11-15T07:32:29Z")

</div>

Hi @KatDavisonPhoto

To troubleshoot and resolve issues with text color on your HubSpot website, follow these steps:

A) Inspect the Published Styles  
1. Open your published website in a browser.  
2. Right-click the problematic text and select Inspect.  
3. Review the CSS rules applied to the text, focusing on properties like `color`. Check if these styles are being overridden by HubSpot’s theme classes (e.g., `.hs-richtext` or similar).

B) Set a Custom CSS Rule

Option 1: Add Inline CSS (Quick Fix)  
For a quick solution, add an inline style directly in the HubSpot editor:  
```html  
\<p style=“color: black;”\>Your text here\</p\>  
```

Option 2: Modify the Theme CSS File  
To apply changes site-wide:  
1. Go to Design Tools in your HubSpot account.  
2. Locate your theme’s CSS file (commonly named `theme-overrides.css`).  
3. Add a rule to set the text color globally or for specific elements:  
```css  
body, .hs-richtext {  
color: black !important;  
}  
```

C) Check Theme Settings  
1. In the HubSpot editor, click on Edit at the top-left.  
2. Navigate to Themes \> Theme Settings.  
3. Look for a setting related to global text color or global fonts. If the color is set to blue, change it to black to apply the update.

These steps should help you identify and override any unintended text color styles on your HubSpot site.

Did my post help answer your query? Help the community by marking it as a solution.