Background colours of edit feature
-
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?
-
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.
-
The website theme I use does not support the site editor function. Is there any alternative considering this?
-
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!