1. 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?

Discussion in 'XenForo Questions and Support' started by wii, Oct 8, 2010.

  1. wii

    wii Active Member

    When I change the colors in the footer.css it doesn't change the Terms and Rules colors, what am I missing?
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    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;
    }
     
  3. wii

    wii Active Member

    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:
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    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;
    }
     
  5. wii

    wii Active Member

    Thanks, this did the trick:

    a:link, a:visited {
    color:#000000;
    text-decoration:none;
    }
     
  6. wii

    wii Active Member

    Ups, no, it works on the footer, but now all the links are black at the forum, arghhhh :mad:
     
  7. Brogan

    Brogan XenForo Moderator Staff Member

    You can create new css just for #legal and/or use the !important attribute to force the colour.
     
    wii likes this.
  8. wii

    wii Active Member

    Got it - thanks Brogan

    .footerLegal a,
    .footerLegal a:visited
    {
    color:#000000 !important;
    }
     
  9. steven s

    steven s Well-Known Member

    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;
            }
     
  10. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    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;
    	}
    
     
    Shelley and steven s like this.
  11. steven s

    steven s Well-Known Member

    Thanks. So is
    Code:
            #legal li
            {
                float: left;
                margin-left: 10px;
            }
    still needed?
     
  12. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    Yeah. Leave the other code alone. Just add that one block of code that I posted.
     

Share This Page