How to Change Your Text Color in WordPress

Photo of author

By Olatunbosun Adesoye

Published

Wondering how to change the color of the text on your WordPress site? This article contains multiple methods to achieve that.

How to Change the Text Color in a Specific WordPress Post/Page

You can modify the text color in a specific WordPress page or post using the default WordPress block editor. To learn how to do that, follow the subsequent procedures and images below.

  1. Login to the backend dashboard of your WordPress website with an administrator account. Then, depending on where you want to adjust the text color, left-click Posts or Pages on the dashboard’s left pane.
  1. Following that, click the title of the page or post where you want to change the text color to open it. For this demonstration, I will select the post with the title “Changing Colors” on my WordPress website.
How to Change Text Color in a Specific WordPress PostPage
  1. When the post/page opens, select the text block whose text color you want to alter. Afterward, click the Settings icon at the top right corner of the page and ensure to select the Block tab.
  1. In the Block tab, click Text under the Color category.
How to Change Text Color in a Specific WordPress PostPage
  1. Now, click the gray and white area above the Theme color options on the color picker that appears.
How to Change Text Color in a Specific WordPress PostPage
  1. Consequently, a color palette will appear. Hence, you can select a preferred color for the text from the color palette.
Alternatively, you can type a color hex code under the HEX input box to select a color.
How to Change Text Color in a Specific WordPress PostPage

How To Change Text Color Across Site

There are two major ways to modify the text color across a WordPress site. Hence, you can do that via the WordPress theme customizer or by using a certain CSS code.

The following sub-sections will demonstrate how to use these methods to change the text color across your WordPress site.

Option 1: Modify Text Color Across Site via Theme Customizer

The procedures in this method may slightly differ, depending on the theme your WordPress site uses. Just so you know, the Astra theme was used for this demonstration.
  1. With the aid of an admin account, log in to your WordPress website backend. Then, hover your mouse on Appearance on the left pane and click Customize.
How To Change Text Color on WordPress Via Theme Customizer
  1. Next, select Global on the left pane of the theme customizer page.
  1. Following that, select Colors on the left pane of the page.
How To Change Text Color on WordPress Via Theme Customizer
  1. After doing that, click the globe icon beside the Body Text option under the Theme Color section.
If you wish to change the color of headers, click the globe icon beside Heading (H1-H6) under the Theme Color section.
  1. Consequently, a color palette should appear. Hence, using this color palette, select a new text color for your WordPress site.
How To Change Text Color on WordPress Via Theme Customizer
  1. After doing all that, click the blue Publish bottom at the top part of the Customize page to save the change.
How To Change Text Color on WordPress Via Theme Customizer

Option 2: Adjust Text Color Across Site Using CSS

  1. As an administrator, log in to the backend of your WordPress site. Then, hover your mouse pointer on Appearance among the menus on the left pane and select Customize.
  1. After doing that, select Additional CSS among the options on the left pane of the Customize page.
How To Change Text Color on WordPress Using CSS
  1. Following that, input the CSS code below in the Additional CSS input box. However, ensure to replace “#990000″ with the hex code of your preferred color.
p { color:#990000; }

For instance, if I want to change my text color to blue, below is what the CSS code should look like – #0000FF is the hex code for blue.

p { color:#0000FF; }
If you want to change the text color of the headers on your WordPress site, replace “p” in the code above with your preferred heading tag. Examples of heading tags are “h2”, “h3”, and “h4”.
  1. Consequently, the text color of all the paragraphs on your WordPress site will be modified to blue. Finally, click the Publish button at the top part of the Customize page to save the change.
How To Change Text Color on WordPress Using CSS

Frequently Asked Questions

1. How do I change the text color in the text block in WordPress?

Here’s a step-by-step guide on how to achieve the task:
a) Login to the backend dashboard of your WordPress website with an administrator account.
b) Then, depending on where you want to change the text color, left-click Posts or Pages on the dashboard’s left pane.
c) Following that, click the title of the page or post where you want to change the text color to open it.
d) When the post/page opens, select the text block whose text color you want to change.
e) Afterward, click the Settings icon at the top right corner of the page and ensure to select the Block tab.
f) In the Block tab, click Text under the Color section.
g) Now, click the gray and white area above the Theme color options on the color picker that appears.
h) Consequently, a color palette will appear. Hence, you can select a preferred color for the text from the color palette.

2. Can I change the color in WordPress using CSS?

Yes, you can change the text color on your WordPress site using a simple CSS code.

3. What is the best text color for a Website?

In general, black and dark gray are safe options for a website text color. Regardless, it is always best to experiment and choose a color that fits the specific needs of your website.

4. What website color attracts visitors the most?

The color of a website that attracts the most visitors depends on several factors, such as the industry, target audience, and the purpose of the website. However, some colors tend to be more popular and effective than others.

Some of these colors include blue, green, orange, purple, and red.

5. What Are professional website colors?

Professional website colors are typically neutral colors that tend to create a serious and trustworthy atmosphere. Some of them include black, navy blue, dark gray, deep green, and maroon.

Conclusion

There are different reasons why WordPress website owners may wish to adjust the text color on their site. Regardless of why you would want to modify your site’s text color, this guide demonstrated various ways to achieve that.

Precisely, we discussed how to adjust the text color on a specific WordPress post/page via the WordPress block editor. That’s not all; I also provided two methods to change the text color across a WordPress site.

These include using the WordPress theme customizer and a CSS code.

Hopefully, you found the procedures in this WordPress guide easy to understand and helpful. If you did, click on “Yes” beside the “Was this page helpful” question below.

You may also express your thoughts and opinions by using the “Leave a Reply” form at the bottom of this page.

Lastly, for more helpful WordPress guides, visit our WordPress & Websites How-To page.

About the Author

Photo of author

Olatunbosun Adesoye

Adesoye Olatunbosun is a technical writer at Itechguides.com. He is currently pursuing a Bachelor's degree in Software Engineering. Ola is an art and philosophy enthusiast. When he is not writing, he reads, watches football, or codes apps. Ola writes reviews, buying guides, and best pick articles for Itechguides.com.

Related Articles

Get in Touch

We're committed to writing accurate content that informs and educates. To learn more, read our Content Writing Policy, Content Review Policy, Anti-plagiarism Policy, and About Us.

However, if this content does not meet your expectations, kindly reach out to us through one of the following means:

  1. Respond to "Was this page helpful?" above
  2. Leave a comment with the "Leave a Comment" form below
  3. Email us at [email protected] or via the Contact Us page.

Leave a comment