Results 1 to 5 of 5
  1. #1
    Join Date
    Jan 2007
    Location
    Bellingham, Wa
    Posts
    174
    Plugin Contributions
    0

    Default Text Color in Side boxes

    How to you change the text color in the sideboxes without changing colors anywhere else.

    This is what I have.
    Code:
    /*sideboxes*/
    .columnLeft {}
     
    h3.leftBoxHeading, h3.leftBoxHeading a {
        font-size: 1em;
        color: #ffffff;
        }
    
    .leftBoxHeading {
        margin: 0em;
        background-color: #000000;
        padding: 0.5em 0.2em;
        }
    .centerBoxHeading {
        margin: 0em;
        background-color: #FFFFFF;
        padding: 0.5em 0.2em;
        }    
    
    .leftBoxContainer {
        border: 1px solid #ffffff;
        /*margin-top: 1.5em;*/
        /*margin-right: 5px;*/
        }
    
    .sideBoxContent {
        background-color: transparent; /* changed from white*/
        padding: 0.4em;
        color: #FFFFFF;
        text-align:left;
        font-size: 1.2em;
        
        
        }
    
    h3.rightBoxHeading, h3.rightBoxHeading a {
        font-size: 1.1em;
        color: #FFFFff;
        }
    
    .rightBoxHeading {
        margin: 0em;    
        background-color: #000000;
        padding: 0.2em 0em;
        }
    
    h3.leftBoxHeading a:hover {
        color: #FFFF33;
        text-decoration: none;
        } 
    
    h3.rightBoxHeading a:hover {
        color: #FF0000;
        text-decoration: none;
        }
    
    .rightBoxContent {
        background-color: #ffffff;
        margin-bottom: 1em;
        }
        
    .rightBoxContainer {
        border: 1px solid #ffffff;
        /*margin-top: 1.5em;*/
        /*margin-left: 5px; */
        }
    I think it has something to do with
    Code:
    a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
        color: #FF0000;
        }
    
    a:active {
        color: #0000FF;
    But i just need to change color of sidebox text...

  2. #2
    Join Date
    Jan 2007
    Location
    Bellingham, Wa
    Posts
    174
    Plugin Contributions
    0

    Default Re: Text Color in Side boxes

    Found some info here http://www.zen-cart.com/forum/showth...dual+sideboxes and managed to overide some of the text color in the testimonials box. But some is still blue?
    Code:
    #testimonials-manager {
        /*background-color:#FFFFFF;*/
        color:#FFFFFF;
        }
    http://www.estore.haskellgraphics.com/ I'm totally missing something.

  3. #3
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: Text Color in Side boxes

    Some of the text there are links and are styled as such if you want all links changed this is in this area in your stylesheet.css
    Code:
    a:link, #navEZPagesTOC ul li a {
    	color: #3300FF;
    	text-decoration: none;
    	}
     
    a:visited {
    	color: #3300FF;
    	text-decoration: none;
    	}
    
    a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
    	color: #FF0000;
    	}
    
    a:active {
    	color: #0000FF;
    	}

  4. #4
    Join Date
    Jan 2007
    Location
    Bellingham, Wa
    Posts
    174
    Plugin Contributions
    0

    Default Re: Text Color in Side boxes

    Thanks. Is there a way to override that in the sideboxes only because the colors I need in the sideboxes won't work in the other pages. For instance #ffffff isn't going to work in some pages but will work good in the transparent boxes. Will copying a:link , visited, hover, and active over to for instance #testimonial manager and change the colors there work as an override?

  5. #5
    Join Date
    Aug 2005
    Location
    Arizona
    Posts
    27,755
    Plugin Contributions
    9

    Default Re: Text Color in Side boxes

    If you do not have FireFox and the web tools extentions I suggest that you get these as you can then determine the tags for all of these items and either look for them or add them to your stylesheet.css

 

 

Similar Threads

  1. Changing side boxes (or sIde column) color
    By nadsab in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 14 Mar 2012, 11:22 AM
  2. changing font color in side boxes
    By discoverytdi in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 29 Jan 2012, 03:16 PM
  3. Changing color of side boxes
    By Moneyca in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 16 Mar 2008, 12:01 PM
  4. Change color of the side boxes
    By anitaR in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 15 Jan 2008, 10:33 AM

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