White Text on White BG in the Editor

  • Resolved worldmaker

    (@worldmaker)


    2 years, 6 months ago

    I’m creating pages with white text on coloured backgrounds, setting made in the customiser.
    Text is also showing up white in the editor, on a white background.
    The text colour is not set during the editing process, I leave that to the global customiser setting in Typography.
    Thus: text is invisible and difficult to find or change during editing.

    Is this an effect of the theme?
    I’ve tried another of my sites with another theme (Twenty Seventeen) and the text remains coloured on white in the editor, while showing white on coloured BG in the previews.

    Any hints or tips anyone?

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

  • Hi @worldmaker,

    Thanks for reaching out.

    We couldn’t able to replicate the issue at our end.
    Can you provide us with the steps to replicate the issue along with the screenshots?
    We will try to come up with the best possible solution.

    Regards,
    Tejas
    Team CyberChimps

    Thread Starter worldmaker

    (@worldmaker)

    Tejas

    Here are a few of the steps I took originally.
    First I decided to mark the text as white using the editor. Note that I am using paragraph boxes inside a Row Layout from a Kadance plugin block, to give me a narrower column of text. Although I have also tested without such a feature and had the same problem.

    After setting text white I saw that it was invisible against the white background of the editor. I then removed that text colour setting and used the customiser to create a global typography setting for paragraph text throughout the site.
    When I returned to the editor the text has remained white, even though all paragraph colour settings have been removed (see exception below).
    In this instance I was creating a page, but the same effect seems to appear when creating a post – the entire editor is white throughout.

    Here’s the page I was editing…

    https://www.sterlingsecure.co.uk/bondevzoneWP/beeland/

    Here is a screenshot of the editor page.
    I have highlighted some of the text to illustrate the issue, and the B.E.E. heading (not a Header, as that is also invisible in white) has been set to black for visibility here, although it returns to white on the web page.

    https://www.sterlingsecure.co.uk/bondevzoneWP/wp-content/uploads/Responsive-in-White.jpg

    I wonder if there is some setting that is not being flushed from the database when I was making these shifts in the settings?
    As I mentioned originally, I did a test on another site with the WP default Twenty Seventeen theme, white text in the customiser and no playing around with text colour in the editor, and had no problem with retaining colour in the editor.

    Hope that helps.

    Hi @worldmaker,

    Thanks for reaching out.

    We couldn’t replicate the issue at our end.
    Please refer to the following steps to resolve the issue.
    Appearance -> Customize -> Global Settings -> Colors and Backgrounds -> Box Background Color

    We hope this works.

    Feel free to contact us in case of any issues.

    Regards,
    Tejas
    Team CyberChimps

    Thread Starter worldmaker

    (@worldmaker)

    @tejassonawane21

    Thanks for that.
    That looks like a long way around the problem, as I’ve never had to do anything like this on other sites, but it has done the trick and I can now read my pages in the editor with white text.

    ??

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘White Text on White BG in the Editor’ is closed to new replies.