[Resolved] White text on white background in WordPress editor

Home Forums Support [Resolved] White text on white background in WordPress editor

Home Forums Support White text on white background in WordPress editor

  • This topic has 11 replies, 3 voices, and was last updated 2 months ago by Fernando.
Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #2357555
    John

    For example: https://www.rageheart.co/wp-content/uploads/2022/09/Screen-Shot-2022-09-29-at-7.28.15-am-1.png

    Cleared the browser cache, disabled all plugins, plus the other stuff you mentioned. The issue remains.

    See the CSS editor in the image. It doesn’t look like one of my styles from my sheets. It looks like it comes from the theme somehow. I tried overriding it with my own rule but it didn’t work.

    So I’m out of ideas.

    How do I fix?

    #2358041
    Ying
    Staff
    Customer Support

    Hi John,

    Is this a post title block? If so, you can change its color within the block settings.

    #2359135
    John

    This is the default WordPress editor when I click “new post”.

    What block settings are you referring to?

    #2359283
    Ying
    Staff
    Customer Support

    Oh I see, have you set the H1 title color to white at customizer > colors > content > h1?

    #2361452
    John

    Yeah. Well, well “Content Title” is set to white.

    But shouldn’t that only apply to the front end?

    How do I change the back end title to black again, while keeping the front-end titles white?

    #2361927
    Ying
    Staff
    Customer Support

    If the content title is set to white on front end, what’s the background color set for content?

    #2363036
    John

    Content background is set to white.

    But that should only be for the front-end.

    I don’t understand why it would affect the back-end WordPress post editor, or how to fix it.

    #2363203
    Ying
    Staff
    Customer Support

    I don’t see an easy fix, WP tries to make the front end and back end look as similar as possible.

    If you do not see the title on the front end, then it applies to the backend as well?

    To fix this, you will need to install a child theme and create a CSS file only for the block editor and use PHP code to force the editor to load this style sheet.

    Let me know if you want to go this way.

    #2363410
    John

    That’s a bit weird.

    I can see the title on the front-end perfectly fine.

    For example: https://www.rageheart.co/no-my-parents-didnt-give-me-drugs-when-i-was-7-years-old/

    It’s just the back-end.

    Is the child theme the only solution? I can’t just add some simple CSS to fix it?

    #2363461
    Fernando
    Customer Support

    Hi John,

    This is default WordPress behavior.

    One thing you could do is go to Appearance > Customize > Colors > Body, and set a Background color.

    Other than that, you would need to create a stylesheet for your Block Editor as mentioned by Ying.

    #2365127
    John

    I found a far simpler solution.

    I used the Customiser to change the color back to black (which fixed the white text in the back-end editor) and then custom CSS to target the <h1> tag specifically on the front-end.

    Simple and easy.

    #2365722
    Fernando
    Customer Support

    I see. Glad you found a solution!

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.