Forums / Templates, Stylesheets, Page Layout / How to Change Color of Text in Login Page?

How to Change Color of Text in Login Page?

Locked

Views: 2,947

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
24 Jan 2010, 3:24 AM
#1
bratny avatar

bratny

New Zenner

Join Date:
Jan 2010
Posts:
2
Plugin Contributions:
0

How to Change Color of Text in Login Page?

Using the latest version, I've changed the main text color in the CSS to dark grey... tried white, too, but these texts color won't change (they stay black!!) Any help on how to make those texts another color??

They should say "Returning Customers: Please Log In", "New? Please Provide Your Billing Information", and "Address Details" -- they ARE there, just in black!!

Thanks a million in advance!!

24 Jan 2010, 2:04 PM
#2
stevesh avatar

stevesh

Black Belt

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

Re: How to Change Color of Text in Login Page?

Something like this:

#loginDefault legend {color:#ffffff}

24 Jan 2010, 6:53 PM
#3
blackthorne avatar

blackthorne

New Zenner

Join Date:
Jan 2010
Posts:
35
Plugin Contributions:
0

Re: How to Change Color of Text in Login Page?

Can you be more specific on where to implement that piece of code?

Is that in the stylesheet or one of the php files?

25 Jan 2010, 2:46 PM
#4
blackthorne avatar

blackthorne

New Zenner

Join Date:
Jan 2010
Posts:
35
Plugin Contributions:
0

Re: How to Change Color of Text in Login Page?

I am actually having the same issue with the titles on the cart pages for shipping and checkout as well.

Any hep greatly appreciated!

25 Jan 2010, 8:29 PM
#5
designbloke avatar

designbloke

New Zenner

Join Date:
Dec 2009
Location:
Louisiana
Posts:
7
Plugin Contributions:
0

Re: How to Change Color of Text in Login Page?

This is how my store is setup.

The first Login is "HEADING_RETURNING_CUSTOMER" its style is "legend" which is defined in includes > templates > YOUR TEMPLATE > css > stylesheet.css

The second is "HEADING_NEW_CUSTOMER" changing the first should update both.

CD Kilpatrick

Zen Bookstore

25 Jan 2010, 8:58 PM
#6
designbloke avatar

designbloke

New Zenner

Join Date:
Dec 2009
Location:
Louisiana
Posts:
7
Plugin Contributions:
0

Re: How to Change Color of Text in Login Page?

Just to clarify, you'll want to edit this within stylesheet.css:

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

CD Kilpatrick

Zen Bookstore

4 Mar 2010, 9:57 AM
#7
ecodav avatar

ecodav

New Zenner

Join Date:
Mar 2010
Posts:
1
Plugin Contributions:
0

Re: How to Change Color of Text in Login Page?

Hello bratny,
Could you tell me if you have managed to change this text as I am doing the same as you with the black background, but have been unable to change this text color and also the box at the top of the page where it show the path (i.e Home :: then the path to the product ) is white.

If you have managed to change this two things then any help on how to do it would be really great.

19 Jul 2010, 3:09 AM
#8
nadiausa avatar

nadiausa

New Zenner

Join Date:
Sep 2008
Location:
Los Angeles, CA
Posts:
82
Plugin Contributions:
0

Re: How to Change Color of Text in Login Page?

ecodav:

Hello bratny,
Could you tell me if you have managed to change this text as I am doing the same as you with the black background, but have been unable to change this text color and also the box at the top of the page where it show the path (i.e Home :: then the path to the product ) is white.

If you have managed to change this two things then any help on how to do it would be really great.

You can use the "find and replace feature" by keyboard short cut CONTROL F. The search for by typing in LEGEND then click Find All.

In the results you are looking for the occurences in a .css file.

However there are two instances of Legend. One is easy to find because it is alone surrounded by white return spaces in the stylesheet.css. The other instance of LEGEND is near the top of the css file:

h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
font-size: 1.1em;
color: #CCC;
}

See, I added a new color by typing "color: #CCC;" . It will effect all in the list such as h4, h5 and so on.

Good Luck,
Nadia