Recent Topics

1 Sep 13, 2004 03:27    

Hi, i've gone through my CSS sheet 10 times over and i cannot find where to change the text color of the text under the comments box that reads:

Allowed XHTML tags: <p, ul, ol, li, dl, dt, dd, address, blockquote, ins, del, a, span, bdo, br, em, strong, dfn, code, samp, kdb, var, cite, abbr, acronym, q, sub, sup, tt, i, b, big, small>
URLs, email, AIM and ICQs will be converted automatically.

Its currently gray, regardless if i've changed every other text option in the CSS. If anyone can help me out with this, perhaps i'm missing a line in my CSS file. thanks a lot.

2 Sep 13, 2004 04:16

Please post client-side stuff (like CSS, JavaScript, and XHTML) questions to the client-side stuff forum.

The first sticky in the How To forum says "Point of this forum (please read before posting.)" Please read that before you post something else in How-To. You'll note that it clearly says, "If you have general CSS or XHTML questions, like "How do I make the links on my pages turn red when the mouse hovers over them?" then you should post on the Client-side Stuff forum." This is important because, if all the questions are in the right place, then everyone will find their answers more easily.

So, enough wrist-slapping, let's answer your question. :)

Depending on what skin you use, in _feedback.php, you'll find something that looks a little like this:

<span class="notes">Allowed
XHTML tags: ...

So, the CSS involved is

.notes { 

Of course, since you didn't provide a link, I'm really not sure what it is, but this method will serve you well: find the XHTML involved, and then use the [url=]appropriate selector[/url].

3 Sep 16, 2004 02:02

sorry, ity won't happen again :)

As for skins, i'm not really using one. whatever was installed, i just went straight ahead and edited the CSS file. I could not find the mentioned code in either the _feedback.php and the CSS. my site i'm having this problem on is If you want, i can post or PM you the code in my _feedback.php and my custom.css files.

4 Sep 16, 2004 10:26

Your _feedback.php is using the class called notes (I saw it by doing view source). I guess the .notes selector is in /rsc/comments.php.

To change this all you need to put in your custom.css is

.notes {
         color: #blah;

And this should override the default setting.

5 Sep 16, 2004 15:09

i tried adding that code in the CSS and nothing happened. although i was able to make the dotted box white via the comments.css. Perhaps i can have it change the text white too from the comments.css instead of the custom.css?

6 Sep 16, 2004 15:22

You could do, but that file is for global formatting, and any changes will affect all the skins that call that file. It is probably better to do it in custom.css, since the changes will be restricted to that skin.

7 Sep 16, 2004 22:11

ok, so what do i do to my CSS then? i added the script listed and nothing happened. any other suggestions?

8 Sep 17, 2004 02:15

Just for clarity, did you actually put "color: #blah;" like Graham posted, or did you change #blah to an actual color, like #fff?

Sorry if I'm way off base here.

9 Sep 17, 2004 02:31

Nope. Viewsource showed ".notes { color: #FFFFFF }". The file that sets that stuff up is /rsc/forms.css and contains the following:

fieldset span.notes {
	font-size: 80%;
	color: #999;

I would suggest you duplicate that in your custom.css file, meaning change your thing from ".notes" to "fieldset span.notes". I think, but I'm not sure, that it is saying "okay he's got this really specific fieldset span.notes thing and later on he's got this generic .notes thing so I'll just follow the detailed instruction". Therefore duplicate the detail level and you will overpower it's desire to do what it wants to do. You don't have to duplicate the font-size declaration unless you want to change it. It will keep the font-size declaration even though you are changing the color declaration - it just keeps adding them all together using the last instruction for any given aspect.

10 Sep 17, 2004 03:15

ahh, there we go. You da man EdB :D

Thanks to everyone for all the help, you guys are the best!

11 Sep 17, 2004 23:08

EdB's exactly right - this whole issue was over specificity.

fieldset span.notes has a specificity of 012 (0 ids, 1 class, 2 elements.)
.notes has a specificity of 010 (0 ids, 1 class, 0 elements.)
In a conflict, 12 beats 10. When in doubt, try making your selector more specific. (Adding an !important declaration is good to test what's going on, since that trumps everything that isn't !important, but IE doesn't even notice, so it's not good to rely upon permanently.)

I think it's a good idea for anyone who was confused by this issue to take a moment and [url=]learn a few of the finer points of css[/url]. Once you understand what's so "cascading" about cascading style sheets, these sorts of things make a lot more sense.


Form is loading...