Latest Tech and Tips

How to Change the Text Color in Word Press (3 Easy Methods)


Recently, among our visitors asked if there was an easy means to change the text color in Word Press?

The response is indeed. You can quickly change your font style color in Word Press throughout your entire website, and even simply for a solitary word inside your message web content.

In this overview, we’ll reveal you how to quickly change the text color in Word Press, detailed.

Easily change text color in WordPress

There are great deals of reasons that you could desire to change the text color in your articles or web pages. Maybe you would certainly such as to stress a key phrase, or maybe you desire to utilize tinted subheadings on a certain web page.

Alternatively, you could desire to change the text color throughout your entire website. Perhaps your motif utilizes a grey color for text, however you would certainly instead make it black, or a darker grey, for far better readability.

In this tutorial, we’ll be covering the complying with techniques:

  • Changing the text color utilizing the aesthetic editor (excellent for transforming a couple of words, a paragraph, or a heading when composing web content).
  • Changing the text color in the motif customizer (the ideal means to change font style shades throughout your entire website, however not sustained by all styles).
  • Changing the text color utilizing CSS code (appropriate for transforming the font color throughout your entire website with any type of styles).

Just click among those web links to dive right to that approach.

Video Tutorial

Subscribe to WPBeginner

If you would certainly favor written directions, simply maintain analysis.

Method 1. Changing the Text Color Using the Visual Editor

You can utilize the default Word Press editor to placed words, paragraphs, and even subheadings in a various color from your primary text.

An example of colored text in a WordPress page

Here’s how you can change your text color utilizing the obstruct editor.

First, you’ll require to edit the message or web page that you desire to change, or develop a brand-new one.

Next, kind in your text. You’ll require to develop a paragraph block or a heading block as proper. For aid with this, have a look at our tutorial on how to usage the Word Press block editor.

Once your text is in location, you can change the color.

Changing the Text Color of a Block

For this initial instance, we’re going to change the text color of the entire block.

Simply click the block and also the Block Settings panel must open on the right-hand man side of your display. Next, click the arrowhead for ‘Color settings’ to broaden that tab. You’ll see the text color setups below.

Picking a text color for the whole block in WordPress

Now, you can select a brand-new color for the text. The aesthetic editor will certainly reveal you some choices based upon your motif. You can just click among these to change your text color.

Alternatively, if you have a particular color in mind, click the ‘Custom Color’ web link. This will certainly open a color picker where you can by hand choose a color. You can likewise utilize this to kind in a hex code.

Picking a custom text color for your block

If you change your mind and also desire to return to the default text color, simply click the ‘Clear’ switch listed below the color choices:

Setting your block back to the default text color

Pro Tip: If you desire to change the history color for a block, you can do that below as well.

Changing the Text Color of a Word or Phrase

What if you just desire to change the color of 1 or 2 words? That’s easy utilizing the obstruct editor also.

First, you’ll require to emphasize the word( s) that you desire to change. Then, click the little descending arrowhead on the material editor toolbar.

Highlight the words that you want to change the color of

Next, just click the ‘Text Color’ web link at the base of the dropdown listing:

Click the 'Text Color' link at the bottom of the dropdown list

You’ll currently see the exact same color choices when it comes to the entire block. Again, you can select from among the default choices or usage the ‘Custom color’ web link to choose any type of color you desire.

Choose the text color for your highlighted word(s)

The color choices aren’t restricted to paragraph obstructs. You can likewise change the text color of heading blocks. As with paragraph blocks, you can establish text color for the entire block in the block setups. Alternatively, you can highlight private words and also change their color.

Changing the text color of a heading block in WordPress

Note: You can not establish a history color for heading blocks.

You can likewise change the text color in a checklist block, however just by highlighting the word( s) and also utilizing the toolbar. There’s no alternative in the block setups to change the text color for the whole of a checklist block.

Changing the Font Color Using the Classic Editor

If you’re still utilizing the traditional Word Press editor, after that you can change the font color utilizing the toolbar.

In the traditional editor, click the Toolbar Toggle on the much right. You’ll after that see a 2nd row of symbols:

Click the Toolbar Toggle button to see the second row of icons

Now, you can choose your text and also change the font style color utilizing the font color dropdown.

Use the text color button in the classic editor

Method 2. Changing the Text Color in the Theme Customizer

What if you desire to change the text color throughout your entire site? Many of the ideal Word Press styles will certainly permit you to do this utilizing the motif customizer.

For this instance, we’re utilizing the OceanWP motif. It’s among the leading complimentary styles offered for Word Press.

In your Word Press control panel, go to Appearance” Customize to openthe Theme Customizer

Go to Appearance then Customize in your WordPress dashboard

Next, you require to search for a choice such as‘Typography’ The offered choices, and also what they’re called, will certainly differ relying on your motif.

Select 'Typography' or a similar option in the theme customizer

Let’s proceed and also click the Typography tab, or an equal alternative. Next, search for a setup where you can change the text of your articles and also web pages. In OceanWP, this is called the ‘Body’ text. You requirement to click this, so you’ll can tailor the font color and also even more.

Select the Body text to modify in the customizer

When you click the Font Color selector, you’ll see a color picker. Choose whatever color you desire to usage for your text. This will certainly change the text color in all your articles and also web pages.

Picking the color for your body text using the theme customizer

You can likewise change your heading shades in a comparable means, by utilizing the choices to change H1, H2, and so forth.

Once you’re delighted with your adjustments, click the ‘Publish’ switch at the top of the display.

Publishing your changes to your website

Tip: Choosing black or dark grey text on a white or extremely light history is typically best for readability.

Method 3. Changing the Text Color Using CSS Code

What if your motif does not have the alternative to change the text color?

You can still change font color throughout an entire website by utilizing the motif customizer. Go to Appearance” Customizer in the Word Press control panel.

At the base of the listing of choices, you’ll see a tab that reviews‘Additional CSS’

Open up the Additional CSS section of the theme customizer

Next, click the Additional CSS tab, and also you’ll see some directions plus a box where you can get in CSS code.

For beginners, you can duplicate this code right into the box. After that, you can change the 6 numbers to the hex code of your selected color.

p {color: # 990000;}

Enter the CSS for changing the paragraph color into the theme customizer

This will certainly change the font color of the routine text in all your articles and also web pages to dark red (or whatever color you selected), such as this:

Text color customized site-wide using CSS code

If you desire to change the color of the headings within your message, you can include this code rather:

h2 {color: # 990000;}

Again, change the hex code to whatever color you desire.

If you’re not acquainted with CSS or desire a beginner-friendly CSS editor that allows you quickly tailor the whole designs of your site, after that we suggest checking into CSSHero It’s an effective aesthetic editor that allows you tailor the designs of your whole website.

CSS Hero plugin

We wish this tutorial aided you find out how to change the text color in Word Press. You could likewise like our tutorials on how to change the font style dimension in Word Press, and also how to include personalized typefaces in Word Press.

If you liked this short article, after that please subscribe to our YouTube Channel for Word Press video clip tutorials. You can likewise discover us on Twitter and also Facebook.