This should be fixed now. Maybe delete the browser cache?
Thread Starter
smyt
(@smyt)
Sorry for the delay. Two other projects and out of town guests. So far, I have cleared browser cache and restarted the browsers, as well as clearing cache, rebooting the system and retrying, again. The browsers are FireFox, IE, Chrome, and Opera. Opera has never been anywhere near that site nor any other site that I develop, until this attempt. In all cases, I have the transparent menubar.
Thread Starter
smyt
(@smyt)
I have been doing some digging with Inspect Element in FireFox. In the path …/wp-includes/js/tinymce/skins/lightgray/skin.min.css is some code that, inside the inspect element window, shows up like this:
.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset {
margin: 0px;
padding: 0px;
border: 0px none;
outline: 0px none;
vertical-align: top;
background: transparent none repeat scroll 0px 0px;
background-color: transparent;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0px 0px;
background-clip: border-box;
background-origin: padding-box;
background-size: auto auto;
If I change the “background: transparent” to “background: white”, it now works and I do not see textarea content in the menubar.
My css skills are too weak to translate this into a change to your css. Any suggestions?
Again, many thanks in advance.
The skins/lightgray/skin.min.css file is part of the TinyMCE package and cannot be changed. As far as I see it works properly in all browsers. The menubar background is white, set in wp-includes/css/editor.css.
