Legend text colour

[Alex H]

Hi I am trying to change the colour of the blue legend text on the forms ( eg Register > General Details, User Information, Verify Information, but i can see what tag is being used.

Can anyone help me please

thanks

Alex

[supportskins]

You need to edit the "moduletitle" tag in the clientcss template.

[Alex H]

Hi,
Not sure if thats right, I am looking to change the colour of the form legends. On the register page for example, there are three forms, with the legends: General Details, User Information and Verify Information. It is this text colour that I am looking to change. I have changed the moduletitle tag as you suggested but this has not changed that text colour

Alex

[supportskins]

Ah okay. In that case you need to edit the "swiftfieldset" tag in clientcss template.

[DLRX]

Sorry, I know the post is OLD, but I am trying to change that color with NO success.

Already modded all the CSS and still cannot find which one is controlling that <legend>.

This is the original template unchanged (swiftfieldset section):

.swiftfieldset { margin-bottom: 6px; color: #267DDC; BORDER: 1px SOLID #CCCCCC; -moz-border-radius: 4px 4px 4px 4px; padding: 4px}
.swiftfieldset, .swiftfieldset td, .swiftfieldset p, .swiftfieldset li { FONT: 11px Verdana, Tahoma; }

HEEEEEEELP!!!

[John Haugeland]

The CSS that controls <legend> is legend {} . Try (this is an awful color combination) :

legend { color: #f80; background-color: #0f8; }

[DLRX]

Originally Posted by John Haugeland

The CSS that controls <legend> is legend {} . Try (this is an awful color combination) :

legend { color: #f80; background-color: #0f8; }

Sorry, but I am still too dumb to figure out where is that CSS entry....

That is NOT included in my clientcss template, where should I place it?? or where is it located??

[DLRX]

Sorry, Just figured that out, THANK YOU!!!!

I was placing the dot in legend, but actually what others should do is simply paste the following:

legend
{
color: #FF0000;
background-color: #FFFFFF;
}

Do not use . (dot) at the beginning and that's it!! working fine!!!

Thanks again

[John Haugeland]

Yeah.

foo {} attaches to <foo>
.foo {} attaches to <tag class="foo">
#foo {} attaches to <tag id="foo">

There are a bunch of other things too. You should probably read the CSS spec; CSS2 can do a whole bunch of crazy stuff if you really know how to weild it.

Cascading Style Sheets Level 2 Revision 1 (CSS*2.1) Specification