How to Change Text Color in WordPress (4 Methods)

Customizing your website’s typography is an excellent way to improve readability and align your content with your brand identity.

If you want to know how to change text color in WordPress, there are several straightforward methods available. This guide outlines the main steps for four simple approaches.

Method 1: Using the WordPress Editor

The most direct way to modify text color for individual posts and pages is through the default WordPress editors.

Block Editor (Gutenberg)

1. Open the specific post or page from your WordPress dashboard.

2. Select the Paragraph or Heading block you wish to modify.

3. Open the settings sidebar on the right (click the three vertical dots if hidden, then select Show more settings).

4. Navigate to the Color section and click on Text.

5. Select a pre-set color from the palette, or use the custom selector to input a specific Hex, RGB, or HSL code.

6. Click Publish or Update to save your changes.

Classic Editor

1. Open an existing post or create a new one.

2. In the visual editor, highlight the exact text you want to alter.

3. Click the Toolbar Toggle icon to reveal advanced formatting options.

4. Click the Text color dropdown button and pick a color from the palette, or click Custom… to enter a specific Hex code.

5. Save or publish your post.

Method 2: Using the Theme Customizer

If you want to apply site-wide typography changes, the Theme Customizer is the most efficient method. To easily change text color in WordPress across your entire site, follow these steps:

1. Navigate to Appearance > Customize in your WordPress dashboard.

2. Click on the Colors tab (note: this section’s exact name may vary depending on your active theme).

3. Locate the text color settings, such as Header and Sidebar Text Color.

4. Click Select Color and use the color picker tool to define your new shade.

5. Click Publish to make the changes live across your website.

Method 3: Using Additional CSS

For users who want precise, granular control over specific elements like headings or body paragraphs, custom CSS is the best option.

1. Go to Appearance > Customize and select Additional CSS from the bottom of the sidebar.

2. Enter the appropriate CSS rules for your text elements. For example:

   CSS

   h2 { color: #FF0000; }
   p { color: #0000FF; }
   

3. Replace the placeholder Hex codes with your desired colors.

4. Click Publish to save the new CSS rules.

Method 4: Using a Page Builder

Page builders like Visual Composer or Elementor offer visual, drag-and-drop interfaces to change text color in WordPress without touching code.

1. Open a post or page using your preferred page builder.

2. Insert a text block element into your layout and add your content.

3. Open the specific settings or content tab for that text block.

4. Highlight the text, locate the Text color icon in the formatting toolbar, and select your preferred color.

5. Save or publish the page layout.

FAQs

Can I change the color of a single word in a paragraph? Yes. In both the Block and Classic editors, you can highlight a single word or sentence and apply a text color exclusively to that selection without affecting the rest of the paragraph.

Why don’t I see color options in my Theme Customizer? Theme Customizer settings are dictated by the theme developer. If your active theme does not support global color customization, you will need to use the Additional CSS method to change your site-wide text colors.

Conclusion

Adjusting your typography ensures your content is engaging and accessible. Whether you utilize the default text editors, write custom CSS, or rely on a visual page builder, you now have the tools to change text color in WordPress efficiently. Always prioritize contrast and readability when selecting your final color palette.