Forums / Templates, Stylesheets, Page Layout / How do I change the footer text colors?

How do I change the footer text colors?

Locked

Views: 3,370

Results 1 to 8 of 8
This thread is locked. New replies are disabled.
29 Oct 2007, 3:33 PM
#1
kate_1 avatar

kate_1

New Zenner

Join Date:
Aug 2007
Location:
UK
Posts:
47
Plugin Contributions:
0

How do I change the footer text colors?

Hi,

Guess this is probably simple, but I can't work out how to change the text colour in just my footer, both for the non-linked normal text and the links.

Hope someone can help!

29 Oct 2007, 4:04 PM
#2
nomadrw avatar

nomadrw

Zen Follower

Join Date:
Sep 2007
Location:
Somewhere in Southern Cal
Posts:
331
Plugin Contributions:
0

Re: How do I change the footer text colors?

What part of the footer do you want to change.
The copyright or the links section above>

open the styesheet.css look for
navSuppWrapper
and or
navSupp
and make your changes.

for the copywrite look for
siteinfoLegal

Note you will have to seperate the siteinfoLegal
for the rest of the info
ie
.smallText, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
font-size: 0.9em;
}
#siteinfoLegal {
font-size: 0.9em;
}

That goes for anything else that has multiple fields...

Make sure you back this up before you make any changes

nomad

29 Oct 2007, 4:12 PM
#3
nomadrw avatar

nomadrw

Zen Follower

Join Date:
Sep 2007
Location:
Somewhere in Southern Cal
Posts:
331
Plugin Contributions:
0

Re: How do I change the footer text colors?

That goes for anything else that has multiple fields...
if you don't eveything in the multiple fields will change as well

29 Oct 2007, 4:25 PM
#4
afo avatar

afo

Totally Zenned

Join Date:
Aug 2004
Location:
New York City
Posts:
6,800
Plugin Contributions:
0

Re: How do I change the footer text colors?

Find this in your stylesheet:

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	background-color: #9a9a9a;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	width: 100%;
	}

Separate out #navSuppWrapper, so it looks like this and change the line in red:

#navMainWrapper, #navCatTabsWrapper {
	margin: 0em;
	background-color: #9a9a9a;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	width: 100%;
	}

#navSuppWrapper{
	margin: 0em;
	background-color: #9a9a9a;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	width: 100%;
	}

Next find this in your stylesheet:

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size: 0.9em;
	}

Below it add:

#siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	color: #ffff00;	
}

#siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	color: #ffff00;
	}

#siteinfoLegal a, #siteinfoCredits a, #siteinfoStatus a, #siteinfoIP a {
	color: #ffff00;
	text-decoration: none;
	}

#siteinfoLegal a:hover, #siteinfoCredits a:hover, #siteinfoStatus a, #siteinfoIP a:hover {
	color: #ffff00;
	text-decoration: none;
	}

Adjust the lines in red to suit your color choices.

Mary Ellen
I came; I saw; I Zenned
Taking over the world... one website at a time
Make sure brain is engaged before putting mouth in gear... or fingers to keyboard.

Holzheimer
Fan Odyssey

29 Oct 2007, 5:18 PM
#5
kate_1 avatar

kate_1

New Zenner

Join Date:
Aug 2007
Location:
UK
Posts:
47
Plugin Contributions:
0

Re: How do I change the footer text colors?

Thankyou both for the help. I've got the copyright info to change colour & the IP address bit.

Still having problems with the link for "Home", tried navsuppwrapper & navsupp but they didn't seem to do it. (I don't have any other links near my footer)

I think the colour is coming from :-

a:link {
	color:#4f4f4f; /* main site links color */
	text-decoration:none;
	}

but I don't want to change the colour of the rest of the links in my site. So looking for some way to seperate it out??

29 Oct 2007, 5:40 PM
#6
afo avatar

afo

Totally Zenned

Join Date:
Aug 2004
Location:
New York City
Posts:
6,800
Plugin Contributions:
0

Re: How do I change the footer text colors?

Try adding

#navSuppWrapper a{
	color: #ffff00;
	text-decoration:none;
	}

and see if that changes the color of the link. You can adjust the color to whatever you need (if I remember correctly, #ffff00 is yellow).

Mary Ellen
I came; I saw; I Zenned
Taking over the world... one website at a time
Make sure brain is engaged before putting mouth in gear... or fingers to keyboard.

Holzheimer
Fan Odyssey

29 Oct 2007, 5:50 PM
#7
kate_1 avatar

kate_1

New Zenner

Join Date:
Aug 2007
Location:
UK
Posts:
47
Plugin Contributions:
0

Re: How do I change the footer text colors?

:yes: That works! Thankyou!

29 Oct 2007, 5:59 PM
#8
afo avatar

afo

Totally Zenned

Join Date:
Aug 2004
Location:
New York City
Posts:
6,800
Plugin Contributions:
0

Re: How do I change the footer text colors?

:thumbsup:

Good Luck and Happy Zenning!

Mary Ellen
I came; I saw; I Zenned
Taking over the world... one website at a time
Make sure brain is engaged before putting mouth in gear... or fingers to keyboard.

Holzheimer
Fan Odyssey