?
Solved

After updating website, Chrome shows some text in wrong color

Posted on 2011-10-19
12
Medium Priority
?
276 Views
Last Modified: 2012-05-12
After updating styles and code on our website, I noticed that in Chrome one piece of text is black. It is supposed to be white, and it is white in IE, FF, and Safari.

Looking in Chrome Developer Tools, the most nested style shows the color to be white. I even added !important and that has no effect.

I am attaching a screen shot of Web Developer, showing the code, and the styles. The text in question is on the button at the upper left, saying "How Does This Work?" The code is highlighted in gray. And looking down the styles, there are other styles for "black" but they all show as overridden. It appears that the effective style is saying "white".

Why is Chrome doing this?

The web page is at http://www.rephunter.net.

 Showing web page and Web Developer, with wrong text color.
0
Comment
Question by:jasimon9
  • 7
  • 3
  • 2
12 Comments
 
LVL 30

Expert Comment

by:LZ1
ID: 36995125
Instead of color:white; try color:#ffffff;
0
 

Author Comment

by:jasimon9
ID: 36995287
I have checked with some of our other users, and they do not report the issue. So it is something on my machine.
0
 

Author Comment

by:jasimon9
ID: 36995307
This code has been in place for several years, and changing from "white" to #ffffff should not help. It could help, for example, if "white" was spelled wrongly.

Nevertheless, on the theory that a gremlin could have gotten into the code which interferes with Chrome (but not IE, FF, or Safari), I changed to #ffffff. No effect. Still black text. In fact, Chrome Developer Tools renders that back into "white" in the Developer Tools window.
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 

Author Comment

by:jasimon9
ID: 36995319
Actually, it would be helpful for any responder to first load the page into Chrome and see if the text is white or black. If white, then points to my system (but have no idea what that means, except that maybe I should reinstall Chrome).

If black text on your system, then troubleshooting the code applies.
0
 

Accepted Solution

by:
jasimon9 earned 0 total points
ID: 36995390
After writing my last post, it occurred to me that I should just reinstall Chrome. There was another odd issue happening with 1Password in Chrome only, so both issues together was pointing to Chrome itself.

After the reinstall, the problem is gone. It truly was on my system.
0
 

Author Closing Comment

by:jasimon9
ID: 37016611
1 + 1 = 2.

Fixed it myself.
0
 
LVL 4

Expert Comment

by:ldavis07
ID: 36995396
are you using html 4 or 5?
0
 

Author Comment

by:jasimon9
ID: 36995593
html 4

But see above -- just needed to reinstall Chrome.
0
 
LVL 4

Expert Comment

by:ldavis07
ID: 36995627
sweet just make sure you dont update to html 5 simply because chrome does not support it yet :) and yea i seen that i sent mine about the same time as you did yorus :)
0
 
LVL 30

Expert Comment

by:LZ1
ID: 36995642
Chrome DOES support HTML 5.

http://www.findmebyip.com/litmus
0
 

Author Comment

by:jasimon9
ID: 37000953
It appears that there is an objection to closing this question. I don't understand why there could be an objection. Here is how I see it:

1. Posed a question regarding a problem with Chrome. The problem was solved after reinstalling Chrome. I posted this result and accepted that as the answer.

2. Other people proposed solutions have to do with styles and HTML levels. While I don't discount that their answers may not have some general value in discussing Chrome, they did not have anything to do with my question or its solution.

When I said 1+1=2, I meant "one problem that affected Chrome only" plus "another problem that affects Chrome only" = "time to reinstall Chrome".

Since that fixed the problem, I don't see any more to this story.

Hope this helps.
0
 
LVL 4

Expert Comment

by:ldavis07
ID: 37001019
I agree with you no one stated that you should reinstall it. I did say about html and others said about style i am not sure why they are contesting it
0

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
CTAs encourage people to do something specific to show interest in your company, product or service. Keep reading to learn why CTAs should always be thought of as extremely important, albeit small, sections of websites.
This video teaches users how to migrate an existing Wordpress website to a new domain.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…
Suggested Courses
Course of the Month16 days, 10 hours left to enroll

862 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question