Background colours of edit feature

  • Unknown's avatar

    A recent issue I have encountered is that when I am editing and creating new posts and pages, the background colour of the edit feature is not that of my webpage but instead those of the default package I have selected. The default colours are cream background with white text, which makes it difficult for me to see the content and therefore edit my articles. Does anyone have any recommendations to fix this?

  • Unknown's avatar

    Hi there! That cream background with white text is most likely coming from the theme’s selected style variation or the site-wide Styles settings. The editor often previews those theme styles while you’re writing.

    The first place I’d check is Appearance > Editor > Styles > Colors. From there, adjust the Text and Background colors so they have enough contrast, then save the change:

    https://wordpress.com/support/custom-colors/#find-the-color-settings

    If the “default package” you mentioned is one of the theme’s style variations, you can also try a different variation under Appearance > Editor > Styles > Browse styles:

    https://wordpress.com/support/using-styles/style-variations/#styles-in-the-site-editor

    Changing those Styles settings affects the site design too, not only the editing screen. If you want the public site to stay exactly as it is and only the editor view is wrong, please share the site address and the theme name so we can check whether this is a theme-specific editor styling problem.

  • Unknown's avatar

    The website theme I use does not support the site editor function. Is there any alternative considering this?

  • Unknown's avatar

    Yes, from inside the editor, open the three-dot menu in the top-right corner, choose Preferences, and look for Use theme style under the editor interface options. Turn that off and the editor should stop inheriting the theme’s styling while you’re writing.

  • Hi there,

    Since your theme doesn’t use the Site Editor, the “Use theme style” option in the block editor’s Preferences won’t be available to you, that setting only applies to block/full-site-editing themes.

    For classic themes like yours, you can adjust this instead through Appearance → Customize → Colors, and select your background color there. This isn’t available on every classic theme, but I checked and it is available on yours, so that should let you set a background color that better matches (or at least is easier to read against) your site’s actual design.

    Give that a try and let us know if the editor screen looks better afterward!

Log in or create an account to reply