Can’t see links in WordPress Gutenberg editor when creating a post

One of my clients recently noticed something unfortunate in the Gutenberg editor and even in the classic editor in WordPress after Gutenberg is installed: it’s impossible to see the links. Let’s take a look at Exhibit A.

Immediately after we’ve added the link, we can see everything just fine. However, take a look at what links look like once they have been deselected:

As you can see, it’s impossible to tell that the text is a link. (The text of “United Association” should be a link, but it just shows up as normal text.) If we check out the link in the Inspector, we can see the problem:

The color is set to #333, which is essentially black text. Fortunately, I’ve come up with a solution. Add this code to your functions.php file:

add_action('admin_head', 'fix_link_highlighting_admin'); 

function fix_link_highlighting_admin() {   
echo '<style type="text/css">     
body .mce-content-body a {
     color: #1192c7;

Obviously, you can use any color you want. This will add CSS to the admin side of your dashboard so that the links turn out colored again:

Share on facebook
Share on google
Share on twitter
Share on linkedin