white text on white background in editor

  • Hi there,

    I’ve recently encountered an issue where I’m getting white text against the white background in the WordPress editor.

    In doing research on the issue, i discovered this page that gave troubleshooting tips. I followed all of these and none of them have resolved the issue.

    If i change the “text” color in customize to black, this resolves this, but then makes my site (which has a black background) unreadable.

    I should note that one of my plug ins does incorporate a dark background and light text for their ‘editing’ portion of their site. I attempted to disable (but not delete) this plugin both individually and as a part of the disable-all-plugins troubleshooting step, and this did not resolve the issue either. I’m not expert enough to know whether deleting the plugin completely would have any better results.

    So now I’m at the end of my rope and wondering if there’s anything in the theme itself that I can change or something that the Sydney developers can change to resolve this. Any help would be greatly appreciated.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi @darknote,

    Upon checking on your site’s source code, the solution for your issue is this CSS code:

    .entry-meta, .entry-post, .entry-meta a, .entry-title a, .author a.url, .entry-meta .author a.url {
  color: #fff;
}
.blog .posts-layout .entry-meta, .blog .posts-layout .entry-post, .blog .posts-layout .entry-meta a, .blog .posts-layout .entry-title a, .blog .posts-layout .author a.url {
  color: #fff;
}
.entry-meta a:hover, .entry-title a:hover, .author a.url:hover, .entry-meta .author a.url:hover {
  color: #44bf46;
}

    Add it to your site’s Additional CSS under Appearance > Customize.

    Thread Starter darknote

    (@darknote)

    ah gotcha. that’ll work. Thanks so much!

    EDIT: Hmm… that doesn’t seem to have worked actually, but let me troubleshoot it a bit more over the weekend and see if I can sort it out. I’ll report back here if I still can’t figure it out. Thanks!

    • This reply was modified 2 years, 2 months ago by darknote.
    Thread Starter darknote

    (@darknote)

    Hi there,

    I’ve tried a few different solutions and troubleshooting and have come up blank. Primarily I tried a few different custom CSS solutions involving .editor-styles-wrapper, but I think that something else is overwriting it even with !important, or I’m simply not putting in the correct code to address the issue. It’s a needle in a haystack.

    Given that no one else seems to be having this issue, I have to believe that the culprit is not within the theme itself but is because of a plugin. Although i’ve done the work of disabling all plugins and it hasn’t changed the white-on-white in the block editor, I’m inclined to try again and/or eliminate some plugins entirely to see if that helps. I’m skeptical, but i’m not sure what else to do here other than moving my site to a different theme, which I’d rather not do because I’m very happy with Sydney otherwise.

    I’ll report back. If you have any further insights, I’d appreciate it.

    Thread Starter darknote

    (@darknote)

    interesting but not completely surprising discovery: the white-on-white is not happening in the editor for WooCommerce products. (It is happening on posts and pages)

    Page: https://drive.google.com/file/d/1KrLZBNqMeP3H2kfxLgJMFHTOnA8ozqD4/view?usp=sharing

    Product: https://drive.google.com/file/d/18lmvvdoXf9gaKgmoZmGtT8mFRk0mI9GX/view?usp=sharing

    • This reply was modified 2 years, 2 months ago by darknote.
Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘white text on white background in editor’ is closed to new replies.