Location: Open Issues

Discussion: White Text is Invisible in EasyEditReported This is a featured thread

Showing 6 posts
idris
idris
White Text is Invisible in EasyEdit
Aug 21 2008, 11:45 AM EDT | Post edited: Aug 21 2008, 11:45 AM EDT
On pages with white text (usually a dark background), the EasyEdit iframe has a white background, but the text is also white, so you cannot see what you are writing. Maybe the background of the EasyEdit iframe should be transparent?

Here's an example: http://www.inuyashamovies.net/apps/wiki/inuyasha-anime-bio
Do you find this valuable?    
Keyword tags: bug easyedit
devin_wetpaint
devin_wetpaint
1. RE: White Text is Invisible in EasyEdit
Aug 22 2008, 9:47 PM EDT | Post edited: Aug 22 2008, 9:47 PM EDT
Hi,
The EasyEdit frame inherits its styles from the <body> element on the owning page. In this case, your <body> element has a 'color' set, but it does not have a 'background-color'. There are two things you can do to remedy this:

1. Move the 'color' declaration off of <body> and onto <html> where the background styles are being set, or
2. Move the background styles to the <body> element where the 'color' style is being set.

Cake! Good luck.

- DC
0  out of 1 found this valuable. Do you?    
idris
idris
2. RE: White Text is Invisible in EasyEdit
Aug 28 2008, 10:42 AM EDT | Post edited: Aug 28 2008, 10:42 AM EDT
Hey Devin, I made the first change you suggested and moved the "color" declaration to the <body>, but the same problem still exists. Is there a reason why the background of that iframe isnt transparent, so that it shows the background of the parent element, and then it can just inherit the colors from the parent element instead of the <body> tag? Do you find this valuable?    
devin_wetpaint
devin_wetpaint
3. RE: White Text is Invisible in EasyEdit
Aug 28 2008, 3:56 PM EDT | Post edited: Aug 28 2008, 3:56 PM EDT
Hi Idris,

Ahh, I see you're cascading background images. The <iframe> actually sits on top of the page and covers up the original content, so giving it a background transparency would allow the page content to bleed through. Similarly, we do not inherit background images, since the background would not sync up to that of its parent unless the offset is maintained. And finally, we do not inherit styles from the <html> element. This, I believe, is the root of the problem -- no pun intended, really.

In hindsight, I don't see any particular reason that we would explicitly ignore inheritance from the <html> element, so this may be considered a bug. The alternative is to fabricate a new container and cascade the background from <body> to the container, instead of <html> to <body>. This seems like a rather heavyweight solution with unknown CSS implications on the rest of the page, but it would likely solve this inheritance problem.

The other solution may be to define only one background image (instead of cascading two). I think on Friday there was only one background image, so simply moving the background declarations to the <body> would have worked. If you were willing to settle with a single background image, then this is the quickest route to having a workable WYSIWYG.

- DC
Do you find this valuable?    
idris
idris
4. RE: White Text is Invisible in EasyEdit
Sep 4 2008, 10:48 AM EDT | Post edited: Sep 4 2008, 10:48 AM EDT
Hey so.. I can't really switch around the backgrounds because that will change the look of the template on all of these users' sites. This particular template requires the cascaded background for the design. Is there any way you can put in a fix on your end for this? Do you find this valuable?    
boe_wetpaint
boe_wetpaint
5. RE: White Text is Invisible in EasyEdit
Sep 24 2008, 12:40 PM EDT | Post edited: Sep 24 2008, 12:40 PM EDT
Idris,

I have filed a new feature request to allow for a manual override of some type for the EasyEdit text color. I've moved this thread into 'Open Issues'.


Thanks,


boe_wetpaint
Do you find this valuable?    

Related Content

  (what's this?Related ContentThanks to keyword tags, links to related pages and threads are added to the bottom of your pages. Up to 15 links are shown, determined by matching tags and by how recently the content was updated; keeping the most current at the top. Share your feedback on Wetpaint Central.)