Support » Fixing WordPress » Links no longer visible in Visual Editor since Gutenberg

  • Hello!

    I run four websites. I updated three of them to WordPress 5.0+ with the Classic Editor plugin already installed. I have had zero issues.

    I wanted to try Gutenberg on one site only, at first. So, on the last site, I updated to WordPress 5.0 without the Classic Editor plugin. I decided I did not like Gutenberg, and downloaded the Classic Editor plugin.

    However, since then, my links have become indistinguishable from “normal” text (on the backend only). While on all of my sites (and before updating to Gutenberg), if I added a link to the Classic Editor while in the Visual mode, it would be blue and underlined, now it is the same as any other text, making updates difficult.

    I have:
    – Updated to the last WordPress version (5.2.4–fr_FR)
    – Updated all of my plugins + theme
    – Disabled all of my plugins to see if there was a conflict
    – Cleared the cache after all tests
    – My host even changed servers and this issue remained
    – There is NO issue on the front end. Links appear normal.

    If I remove the Classic Editor plugin, links are dark grey (vs text, which is a very light grey) and still not underlined.

    I am using the theme Ocean WP.

    I’m at a loss here. Any idea what it could be?

    • This topic was modified 4 years, 4 months ago by beatricebp.
Viewing 6 replies - 1 through 6 (of 6 total)
  • However, since then, my links have become indistinguishable from “normal” text (on the backend only). While on all of my sites (and before updating to Gutenberg), if I added a link to the Classic Editor while in the Visual mode, it would be blue and underlined, now it is the same as any other text, making updates difficult.

    Can you post screenshots of the issue? It seems it might be related to this issue as well (Since it also involves the Ocean WP theme):

    https://wordpress.org/support/topic/link-color-problem/

    Thread Starter beatricebp

    (@beatricebp)

    It’s hard to post a screenshot, it doesn’t really “look” like anything. It’s just, usually, a link would look like a link and now a link looks like this. Aka, the same as text.

    Unlike that post (I’d found it and tried the code), my problem is in the backend, not the frontend, so the code didn’t change the right link colour.

    I did find another thread afterwards last night (and I can’t recall the link now), which involved me finding a gutenberg CSS file and editing it, and I was able to change the colour of the links from those instructions (but not have the underline), but it makes no sense that it’d be right… Like, this is an issue, not a style preferrence. I shouldn’t have to play in CSS to have links appear normally.

    creativeflow

    (@creativeflow)

    I have this exact same problem ever since updating to the newest Gutenberg plugin (ver 7.6.0) and have been scouring the internet to find a solution! Did you ever find one? This is driving me crazy!

    Thread Starter beatricebp

    (@beatricebp)

    I did, I had to go in the theme files, super deep, to change settings. But, Gutenberg works terribly on my sites (the one with OceanWP theme, but all three others, using different themes as well), so I’m just using the Classic Editor until I’m forced to change.

    creativeflow

    (@creativeflow)

    Thanks for the reply…bummer that it was so complicated. I’m not really in a position to go back to the classic editor, and I don’t know enough to mess with the theme files (I have a different theme from you).

    I guess I’ll just revert to a previous version of Gutenberg that didn’t have this problem as a temporary workaround. That version had its own problems, but not being able to see my links in the Editor is a deal-breaker. Thanks again.

    I had the same issues and found this workaround:

    Add this function to your child theme functions.php

    function customAdminCSS() {
        $url = get_settings('siteurl');
        $url = $url . '/wp-content/themes/YOUR-CHILD-THEME/wp-admin.css';
        echo '<!-- custom admin css -->
              <link rel="stylesheet" type="text/css" href="' . $url . '" />
              <!-- /end custom adming css -->';
    }
    add_action('admin_head', 'customAdminCSS');

    create the wp-admin.css in the path above and insert this css:

    div[class^="block-editor"] .editor-styles-wrapper a {
      text-decoration: underline;
    }

    This worked for me whithin my child theme of the storefront theme

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Links no longer visible in Visual Editor since Gutenberg’ is closed to new replies.