Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Where is the CSS for this text?

Where is the CSS for this text?

Views: 1,127

Results 1 to 13 of 13
6 Jun 2012, 8:54 PM
#1
cultureclick avatar

cultureclick

New Zenner

Join Date:
May 2012
Posts:
93
Plugin Contributions:
0

Where is the CSS for this text?

On the login page there is some text, including "New? Please Provide Your Billing Information..." My background is black and that text is black, so obviously it's invisible. I'm poring over stylesheet.css for the code for the color of that text and I can't find it! Where is it? Please?

Thanks!

CultureClick tbe baby Zenner

6 Jun 2012, 10:25 PM
#2
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,178
Plugin Contributions:
0

Re: Where is the CSS for this text?

Can you please provide a url to the site please so I can look with the browser Firefox with the add on called Firebug ..

7 Jun 2012, 9:40 AM
#3
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Where is the CSS for this text?

Probably #createAccountForm legend {color: #FFF;}

7 Jun 2012, 10:15 AM
#4
cultureclick avatar

cultureclick

New Zenner

Join Date:
May 2012
Posts:
93
Plugin Contributions:
0

Re: Where is the CSS for this text?

stevesh:

Probably #createAccountForm legend {color: #FFF;}

Okay, good - is that on the stylesheet.css file?

Thanks in advance!

Yours,

CultureClick the baby Zenner

7 Jun 2012, 10:17 AM
#5
cultureclick avatar

cultureclick

New Zenner

Join Date:
May 2012
Posts:
93
Plugin Contributions:
0

Re: Where is the CSS for this text?

Okay, I just searched my stylesheet.css code and it's not there. What file is it in? ARGGHHHH.

CultureClick the frustrated Zenner, LOL

7 Jun 2012, 11:25 AM
#6
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Where is the CSS for this text?

Any time someone here suggests a css rule that isn't in your stylesheet(s), just add it. I usually put additions at the bottom of the sheet, after a comment that says something like: 'everything after this point added by stevesh'. Helps keep track.

7 Jun 2012, 10:28 PM
#7
cultureclick avatar

cultureclick

New Zenner

Join Date:
May 2012
Posts:
93
Plugin Contributions:
0

Re: Where is the CSS for this text?

You know, I'm not the first person to wrestle with this question, and on a very similar thread, it got to where one person advised another to use that Firefox thingie, and that was the end of it, but nobody has yet been able to say where the color of that text is specified. I really need to know and I am going to find out goddammit and I am begging anyone who can figure it out, to try; meanwhile I try. And whoever figures it out, will post the answer.

Determinedly,:frusty:

CultureClick the baby Zenner

(From another thread on the same topic:

Anyone know where to find the ID and style for the #loginDefault or wrapper or something in the vicinity in the customer login page?
, to control the text shown in the picture above, which for a couple of days I have been trying to lighten in color, from the black it is now, but can't find the proper attribute, style, class.

Please see pic, thanks for any clues... )

7 Jun 2012, 11:10 PM
#8
keneso avatar

keneso

Totally Zenned

Join Date:
May 2009
Posts:
1,273
Plugin Contributions:
3

Re: Where is the CSS for this text?

Try

LEGEND {
font-weight: bold;
padding: 0.3em;
color: black;
}

it's around line 101

The first comment on this thread asked you
"Can you please provide a url to the site please so I can look with the browser Firefox with the add on called Firebug .. "

It does help us helping you, if you do take into consideration people's request for further info.

7 Jun 2012, 11:18 PM
#9
cultureclick avatar

cultureclick

New Zenner

Join Date:
May 2012
Posts:
93
Plugin Contributions:
0

Re: Where is the CSS for this text?

OKAY! So this is TOO FUNNY, I want stevesh to puzzle this one out:

I did what Stevesh said (it works when you do what he says, LOL) and at the very bottom of my stylesheet.css page for my template, I put -

*/ everything after this point added by (me)*/

#createAccountForm legend {color: #9a9a9a;}**

And it made all the formerly black text, invisible against the black background, into the specified shade of gray, EXCEPT the part right under "Welcome, please sign in", where it says, "Returning Customers: Please Log In". That is still black! And thus, still invisible. So what's the pound-sign thingie for that, #returningAccountForm-or-SomethingorAnother legend whatever?

I mean... anyone who uses a black background on their website, or dark grey or navy blue, any really dark color background, must have to solve this problem, so might as well we do it once and for all.

And I am curious, stevesh - when I add that to my custom stylesheet, that's great, I understand that, but... this is an override, yes? And doesn't that mean that somewhere somehow, there is code that says "make that text black"? Aren't I sort of putting a patch over it, instead of fixing it at the source?

Yours gratefully again,

CultureClick the baby Zenner

7 Jun 2012, 11:38 PM
#10
cultureclick avatar

cultureclick

New Zenner

Join Date:
May 2012
Posts:
93
Plugin Contributions:
0

Re: Where is the CSS for this text?

I know it must seem like I am talking to myself, but stevesh, I read some other thread where you explained that to change the background color of that box you would use:

#loginForm fieldset {background-color:#ff0000;}

So I reasoned that if I added:

#loginForm legend {color: #9a9a9a;}

... to the bottom of my stylesheet.css file, that would do it. And - IT DID!

So I think we should put a little article up, where do you do that, on the Wiki or something, and it should say:

Changing the black text on your login page if your login page background is black or very dark

At the bottom of your custom css stylesheet, put this:

/* everything after this point added by (me)*/

#createAccountForm legend {color: #choice;}

#loginForm legend {color: #choice;}

*PRESTO CHANGE-O! *
:cool:

CultureClick the baby Zenner

8 Jun 2012, 9:43 AM
#11
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Where is the CSS for this text?

That's good, and you could also have done: #createAccountForm legend, #loginForm legend {color: #choice;}

The easiest way to find what needs to be changed where is by using 'that Firefox thingie' :laugh:.

8 Jun 2012, 9:54 AM
#12
cultureclick avatar

cultureclick

New Zenner

Join Date:
May 2012
Posts:
93
Plugin Contributions:
0

Re: Where is the CSS for this text?

Thank you! The shorter way is the better way, and I don't blame you for laughing at me and the "Firefox thingie" - this isn't really my area of specialization, after all, LOL, but I am learning, and plan to keep on learning, until I am Queen of Zen Cart Code!

:D

Yours,

CultureClick the baby Zenner

8 Jun 2012, 10:03 AM
#13
cultureclick avatar

cultureclick

New Zenner

Join Date:
May 2012
Posts:
93
Plugin Contributions:
0

Re: Where is the CSS for this text?

Keneso, "LEGEND"! Who knew? Thank you - I dropped the code at the bottom of the stylesheet and amended the LEGEND command to:

LEGEND {
font-weight: bold;
padding: 0.3em;
color: #9a9a9a;
}

And that worked just fine too. More than one way to skin a cat!

Haredo, my trademark application is pending so I'm not showing anyone my page(s) - I've actually got three different web stores going on line this summer - until I have the trademark registered, but I do sincerely appreciate your willingness to take your time and help me out. Everyone here has been very kind to me and I thank you all.

CultureClick the baby Zenner