CSS Font Color Bug

Author	Comment
Joseph Witchard	CSS Font Color Bug		Lead	[-]
Posts: 541 19-Jan-09 11:44 PM	Tags : bug, links, css, font, menu, link, interact, error, color, dropdown http://uhrebirth.yuku.com Due to the color of my board, the links in the Interact menu in threads are kind of hard to see. So, a day or so ago, I added this CSS: .dropdown.interact.top-left-dropdown a:link { color: #000000; } I went back to look at the Interact menu, and it looked as though the problem was solved. However, that bit of CSS seems to be "turning on and off", if you will. I'll look at the Interact menu links sometimes, and they'll be black like they're supposed to be. However, I look at them again later, and they're back to their old, difficult-to-see colors. In fact, I just looked at the links again, and all of them were displaying correctly except one, which was displaying the old way I don't know if this matters or not, but that bit of CSS is in my Global CSS. Thanks.
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
alison		#1	[url]	[-]
Posts: 9389 19-Jan-09 11:52 PM	does it make any difference if you include a a:visited version too?
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
Joseph Witchard		#2	[url]	[-]
Posts: 541 20-Jan-09 12:02 AM	I honestly don't know. Is it all right if I test it and report back here with my results? Also, I don't really want the colors to change when they're visited, so would it be acceptable to specify #000000 again?
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
alison		#3	[url]	[-]
Posts: 9389 20-Jan-09 3:51 AM	oh yes, you can make it exactly the same colour - it might not be what is causing them to change, but it's the logical thing to check first for an easy fix if it's the culprit.
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
1992casey		#4	[url]	[-]
Posts: 2204 20-Jan-09 6:37 PM munificent member	It could be that an a:visited elsewhere in your skin is overriding your new CSS. That would make it necessary to add the more specific a:visited to your dropdown to force it to remain the same color.
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
Joseph Witchard		#5	[url]	[-]
Posts: 541 23-Jan-09 3:03 PM	Sorry, but it's still happening part of the time even with that bit of CSS. Here's the last post I saw to do it: http://uhrebirth.yuku.com...PREMIERE.html#reply-46329 Remember: it only happens part of the time, so when you investigate, you might now necessarily see it.
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
Arizona		#6	[url]	[-]
ADMINISTRATOR Posts: 4549 23-Jan-09 4:20 PM `smilie` `fetiche`	Add this to the bottom of your Skins (not global) CSS: .dropdown li a:link { color: #000000; } .dropdown li a:visited { color: #000000; }
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
Joseph Witchard		#7	[url]	[-]
Posts: 541 23-Jan-09 6:23 PM	I'll add that and report here with my findings. Why exactly should I not add it to my Global CSS, though?
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
Arizona		#8	[url]	[-]
ADMINISTRATOR Posts: 4549 25-Jan-09 11:15 AM `smilie` `fetiche`	Because you have things in your local CSS that are overriding it. Which is as it should be. You need to be able to add changes in a specific skin. Say you had all your boards backgrounds as black, so you add that to the Global CSS, right? But then you decide to make a skin with a pink background. The local css would need to be able to override the other, see?
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
Joseph Witchard		#9	[url]	[-]
Posts: 541 25-Jan-09 6:31 PM	Ah, okay. Thanks I thought the whole point of Global CSS was that it affected your entire board, overriding everything else?
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
1992casey		#10	[url]	[-]
Posts: 2204 25-Jan-09 10:49 PM munificent member	Style sheets load in a designated order. The style sheet loaded last is the one that takes precedence. Forum-level style sheets load after the global style sheet. This is irrelevant to your particular issue, but if you download the Web Developer Firefox extension, you'll note that Yuku actually loads a style sheet or two after it loads your global and forum CSS. Overriding those is a trick. As an example, there are things we can't do to the navigation bar without being very specific. (I learned this by "stealing" some CSS that used to control the navigation bar over at Get Help.) Last Edited By: 1992casey 26-Jan-09 6:52 PM. Edited 1 time.
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote
Joseph Witchard		#11	[url]	[-]
Posts: 541 26-Jan-09 6:19 PM	All right. Thanks everyone
Interact My Recent Posts Message Me Connection Invite Blocking Ignore User's Posts Report Post	Reply Quote

<< Previous Topic Next Topic >>

Add Reply

Yuku free message boards

CSS Font Color Bug

CSS Font Color Bug

Quick Reply