• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

Terms and Rules link colors?

wii

Active member
#1
When I change the colors in the footer.css it doesn't change the Terms and Rules colors, what am I missing?
 

Brogan

XenForo moderator
Staff member
#2
That is controlled by @primaryLighter but changing that will change all elements which use that colour.

The footer links css is this:

.footer a, .footer a:visited {
color:#A5CAE4;
}
 

wii

Active member
#3
Yes exactly, I changed the links css to this:

.footer a,
.footer a:visited
{
color: #000000;
}

Terms and Rules and Privacy links are not black, the others are, isn't it strange? :eek:
 

Brogan

XenForo moderator
Staff member
#4
Apologies, my mistake.
I thought you meant the links in the blue bar.

The copyright is in this class:
#copyright {
color:#646464;
float:left;
}

And the Terms and Rules are this:
#legal {
float:right;
}

a:link, a:visited {
color:#176093;
text-decoration:none;
}
 

steven s

Well-known member
#9
This is just what I'm looking for but still don't understand.
So how do I make Terms and Rules the same color as copyright?
I thought it was as simple as adding color: rgb(100,100,100); above float:right;
but obviously that doesn't work.

footer.css
Code:
.footerLegal .pageContent
{
    font-size: 11px;
    overflow: hidden; zoom: 1;
    padding: 5px 0 15px;
    text-align: center;
}

    #copyright
    {
        color: rgb(100,100,100);
        float: left;
    }

    #legal
    {
        float: right;
    }

        #legal li
        {
            float: left;
            margin-left: 10px;
        }
 

Jake Bunce

XenForo moderator
Staff member
#10
This is just what I'm looking for but still don't understand.
So how do I make Terms and Rules the same color as copyright?
I thought it was as simple as adding color: rgb(100,100,100); above float:right;
but obviously that doesn't work.
Here are complete instructions based on what wii and Brogan did.

Admin CP -> Appearance -> Templates -> footer.css

Add this code:

Code:
/*** LINK COLOR FOR 'TERMS AND RULES' ***/
.footerLegal a,
.footerLegal a:visited
{
	color: rgb(100,100,100);
}
As shown below:

Code:
.footerLegal .pageContent
{
	font-size: 11px;
	overflow: hidden; zoom: 1;
	padding: 5px 0 15px;
	text-align: center;
}

/*** LINK COLOR FOR 'TERMS AND RULES' ***/
.footerLegal a,
.footerLegal a:visited
{
	color: rgb(100,100,100);
}
	
	#copyright
	{
		color: rgb(100,100,100);
		float: left;
	}
	
	#legal
	{
		float: right;
	}