The background color of the visual editor is white, so if my website text is also white, I can’t see it. Is there any workaround to this, or possibility to change the background color of the visual editor so I can see the text?
Thanks in advance,
Lori
Hi Lori,
Thanks for reaching out. Due to your premium license, I recommend emailing premium support directly at [email protected].
Depending on how the text color is set, this should happen automatically. Can you please link me to a page you’re working on so I can inspect it?
Kind regards,
Alex
Thanks, Alex! I didn’t want to bug support with what I was hoping was a simple fix that someone here would have already run into. I’m basically working on a dark site that has white text on many pages. I can’t see it at all in any widget editor field…I have to use the “text” view, but that doesn’t seem to respect the html that I put into it…it keeps changing stuff. An example page that is already published is here:
https://www.arjenlucassen.com/live/pr2025/
Is there some kind of plugin or something that will let me give preferences for the visual editor? It seems odd that anyone with a white text based website just can’t use that function.
All the best,
Lori
OOps, I meant “the visual editor field of any widget” above where I wrote “any widget editor field”. Couldn’t find a way to edit my post, sorry!
Hi Lori,
Thank you for linking the page you’re working on. I’ve had a look at it, and it appears you’re manually overriding the content text colour on a line-by-line basis. While this works, it runs into the readability issue you’re facing so it’s not recommended. Instead, I recommend globally changing the content text color. This will prevent the need from having to do this manually, and it’ll fix the readability issue you’re facing.
You can make this adjustment using Custom CSS. If you don’t already have SiteOrigin CSS installed, go to Plugins Add New and search for SiteOrigin CSS. Once activated, go to AppearanceCustom CSS and insert the following CSS:
.content-area { color: #fff; }Save. This CSS will override the default text color, but it’s not able to override your editor specific color changes so you’ll need to clear them. This can be done by opening any SiteOrigin Editor widget that’s had the text set to white, select all of the text, and then clicking the Clear Formatting button. This button looks like an eraser.
Can you please provide me with an example of the HTML you’re adding that’s being removed? WordPress and TinyMCE (the editor that powers the SiteOrigin Editor widget) will filter certain HTML (such as line breaks) out due to security concerns, and due to formatting. For more advanced HTML, I recommend adding it directly using the Custom HTML widget.
Kind regards,
Alex