Home » WordPress Tutorials » Basics » How to Change Text Color With WordPress Block Editor

How to Change Text Color With WordPress Block Editor

Along with making your WordPress website functional and aesthetically pleasing, you should also make sure that the information you share with your audience is well-structured and easily digested.

This is why learning how to format text in WordPress is essential for the success of your website.

Along with other formatting techniques, changing the color of your text can enhance visitors’ attention and keep them interested in your site content.

In the following paragraphs, you will read how to change the color of your WordPress text using the WordPress Block Editor.

 

How to Change Text Color With WordPress Block Editor

Regardless of if you want to change the color of your texts in static pages or a blog post, the process is relatively the same.

Via your admin panel, open the page (Pages->All Pages) or blog post (Posts->All Posts) you wish to edit:

WordPress Block Editor Interface

 

For this demonstration we will edit and publish a blog post, however, keep in mind that the process is the same, should you wish to edit or create web pages.

Now, click on one of the paragraph boxes within your content area, and then select the word, phrase, or entire sentence you wish to edit.

Once you do so, have a look at the options menu that popped out:

WordPress Block Editor Paragraph Edit

 

Once you have selected which part of your text you wish to edit, click on the Text Color button. This will open a new box with options:

WordPress Block Editor Color Palette

 

Now, you can select a color from the suggested palette or add a custom one. For this demonstration, we choose eye-catching red:

WordPress Block Editor Text Color

 

Repeat this process until you are satisfied with the result and update your page/post, so WordPress applies the changes and saves them:

WordPress Block Editor Save Changes

 

Now you’ve managed to change the color of your text in a few simple steps.

 

Conclusion

Along with making a website aesthetically pleasing and functional, it is also important to make sure that text across your pages is well-formatted and presentable.

One of the ways to do so is by coloring various parts of your text, so you retain your reader’s attention and quickly showcase important information.

Related:

Was this article useful?

Click on a star to rate it!

Average rating 0 / 5. Vote count: 0

No votes so far! Be the first to rate this post.

Newest Articles:

How to Add a Site Logo Block in WordPress with Gutenberg

Adding a site logo in WordPress with Gutenberg is straightforward and requires only a few mouse clicks and just several minutes of your time. In the following paragraphs, you will read how to add a site logo to your WordPress website via the Gutenberg editor step by...

How to Add Images to WordPress with Gutenberg

Adding images with Gutenberg is quite simple. The block editor is very user-friendly and allows you to add images in several ways. In the following paragraphs, you will read about 4 methods you can instantly use to upload the media files you want.   How to Add...

How to Disable Gutenberg in WordPress

If Gutenberg is not suitable for your needs and wish to switch back to the Classic Editor, continue reading, as in this article we will show you 3 simple methods of how to disable the block editor. In the following sections, you will read how to disable Gutenberg by:...

5 Best Gutenberg Plugins for WordPress

One of the fastest and most convenient ways of enhancing the functionalities of Gutenberg is by using various WordPress plugins. Although Gutenberg is very versatile and feature-rich by itself, the open-source nature of WordPress has inspired developers all around the...

How to Add a Contact Form with WordPress Gutenberg Editor

If you are using Gutenberg to craft your WordPress website, then you should know that the process is very easy, especially by using the block editor. In the following paragraphs, you will read how to add one to your pages.   How to Add a Contact Form with...

Ready to Create Your Website?