Results 1 to 8 of 8
  1. #1
    Join Date
    Aug 2007
    Location
    UK
    Posts
    47
    Plugin Contributions
    0

    Default 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!

  2. #2
    Join Date
    Sep 2007
    Location
    Somewhere in Southern Cal
    Posts
    330
    Plugin Contributions
    0

    Default 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
    Last edited by nomadrw; 29 Oct 2007 at 05:11 PM.

  3. #3
    Join Date
    Sep 2007
    Location
    Somewhere in Southern Cal
    Posts
    330
    Plugin Contributions
    0

    Default 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

  4. #4
    Join Date
    Aug 2004
    Location
    New York City
    Posts
    7,174
    Plugin Contributions
    0

    Default Re: How do I change the footer text colors?

    Find this in your stylesheet:

    Code:
    #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:
    Code:
    #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:
    Code:
    .smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
    	font-size: 0.9em;
    	}
    Below it add:
    Code:
    #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

  5. #5
    Join Date
    Aug 2007
    Location
    UK
    Posts
    47
    Plugin Contributions
    0

    Default 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 :-

    Code:
    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??

  6. #6
    Join Date
    Aug 2004
    Location
    New York City
    Posts
    7,174
    Plugin Contributions
    0

    Default Re: How do I change the footer text colors?

    Try adding

    Code:
    #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

  7. #7
    Join Date
    Aug 2007
    Location
    UK
    Posts
    47
    Plugin Contributions
    0

    Default Re: How do I change the footer text colors?

    That works! Thankyou!

  8. #8
    Join Date
    Aug 2004
    Location
    New York City
    Posts
    7,174
    Plugin Contributions
    0

    Default Re: How do I change the footer text colors?



    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

 

 

Similar Threads

  1. How to change my footer text?
    By chelchel in forum Customization from the Admin
    Replies: 1
    Last Post: 28 Feb 2011, 11:48 PM
  2. How to change the colors?
    By spleify in forum General Questions
    Replies: 2
    Last Post: 12 Oct 2010, 04:57 PM
  3. How do I change text fonts and BG colors
    By wachtn in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 6 Jul 2009, 12:02 AM
  4. How to change text in footer on index
    By flashmxfreak in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 21 Mar 2008, 09:11 AM
  5. How do I change catagory text and hover colors?
    By JC67 in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 2 Feb 2008, 04:52 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR