Gutenberg: Change text color for individual words/characters

[lakellie]

It is not possible to change the text color of individual words or characters in a block. Changing the text color changes it for the entire paragraph.

There was an open issue for this in the Gutenberg repo, but it was closed after a plugin was released which adds this functionality to Gutenberg.
The issue: WordPress/gutenberg#6080
The plugin: https://wordpress.org/plugins/advanced-rich-text-tools/

WordPress.com Simple site users cannot install plugins, so I'm opening an issue to suggest we add this functionality in Gutenberg in Calypso and keep track of user requests for this feature.

Steps to Replicate

1. Add a paragraph block
2. Highlight/select a single word
3. Change the text color
4. See that the text color of the entire paragraph changed

Here's a video of the steps to replicate: http://cld.wthms.co/t7hT48

What I expected

To only change the text color of the word I selected

Context/Source

This was a #user-report in 1628768-zen

[SiobhyB]

There was another request for this in 1651442-z. The user would like to highlight an individual word/s with a certain colour. It'd be great to be able to guide them to do this without needing the Classic Edit block.

[KokkieH]

Another request from the forums

[azollafox]

Two request from the same user in 1671107-z and 9070190-HC

[KokkieH]

Another request via a comment on this Facebook post

[Aurorum]

Request to format individual words here: https://en.blog.wordpress.com/2019/01/08/customize-your-wordpress-com-dashboard/#comment-411030

[Aurorum]

+1 from me too, I'd really like to see this added - I use this frequently in posts.

[KokkieH]

Another request in https://en.forums.wordpress.com/topic/ability-to-add-colour-to-parts-of-text/, though it's a Business Plan site, so I've suggested the plugin available for this.

[katiebethbrown]

Another request in #7196772-hc.

[guicmazeredo]

Another request: #1760805-zd

[Aurorum]

https://en.forums.wordpress.com/topic/old-editor-versus-new/

[gwwar]

@gziolo were there no plans on adding this in Gutenberg?WordPress/gutenberg#6080 (comment)

[gziolo]

@ellatrix added some features recently to the core:

However, text color for individual words/characters was never considered as a core feature. It might be revisited later if there is high demand. There is API for adding more controls and there is Advanced Rich Text Tools plugins which implements the feature which is being discussed here.

[Aurorum]

Another request: https://en.forums.wordpress.com/topic/how-do-i-change-the-color-of-a-single-word-in-block-format/

[nerdyandawesome]

+1 request.

[trainoasis]

+1 for sure!

[cecoates]

Another: #hc-14673881

[Pisoko]

Come on!^^ +1

[Aurorum]

WordPress/gutenberg#16014 looks like it could solve this

[kriskarkoski]

12056080-hc

[AtrumGeost]

Another request: 18249597-hc

[davipontesblog]

This is now available on simple sites from the update to WordPress core 5.4:

Closing this issue.

[strarsis]

Can this also be used for just setting the background color?
This can be very useful when the themes needs individual styling controls, e.g. for particular lines of text.

[justingolden21]

I don't see this in the gutenberg editor anywhere.

[github-actions]

Support References

This comment is automatically generated. Please do not edit it.

• 1628768-zen
• 1760805-zen

[cawa-93]

Does this allow you to change font-family for single word?

I have a design that combines several fonts and I can't figure out how to change the font for a single word in a paragraph or in a heading