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?
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.