Results 1 to 2 of 2
  1. #1
    Join Date
    Oct 2006
    Posts
    63
    Plugin Contributions
    0

    Default How to have sub categories set; also, how to change color in contents of side box?

    Hi,
    Just wanted to know how do i set the categories and its subcategories permanently (dont want it to drop down/ arrow and amount of subcategories in it)?

    How to change the font color in information, more information side box, currencies font in the drop down, who's online?

    Cheers

  2. #2
    Join Date
    Dec 2005
    Location
    Cincinnati Ohio
    Posts
    1,026
    Plugin Contributions
    13

    Default

    First open the stylesheet.css in the folder includes/templates/your template/css folder

    I am assuming your using the classic template so open the css sheet and look for these lines and using the newest version of zen

    Code:
    /*sideboxes*/
    .columnLeft {}
    
    h3.leftBoxHeading, h3.leftBoxHeading a,
    h3.rightBoxHeading, h3.rightBoxHeading a {
    	font-size: 1em;
    	color: #ffffff;
    	}
    #manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeading {
    	font-size: 0.9em;
    	color: #ffffff;
    }
    
    .leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
    	margin: 0em;
    	background-color: #abbbd3;
    	background-image: url(../images/tile_back.gif);
    	padding: 0.5em 0.2em;
    	}
    
    .leftBoxContainer, .rightBoxContainer {
    	margin: 0em;
    	border: 1px solid #9a9a9a;
    	border-bottom: 5px solid #336633;
    	margin-top: 1.5em;
    	}
    
    .sideBoxContent {
    	background-color: #ffffff;
    	padding: 0.4em;
    	}
    
    h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover {
    	color: #FFFF33;
    	text-decoration: none;
    	} 
    
    .rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited {
    	color: #FFFFFF;
    	}
    The colors I marked in red are the sections you need to edit for the background color changes, read the title of the stylesheet that that line of read is in and that will explain the function of the color your changing.

    For example
    Code:
    .sideBoxContent {
    	background-color: #ffffff;
    	padding: 0.4em;
    	}
    #ffffff is the color of the background of your sideboxes simply change that code to the color code of your choice, and goes for the rest if you wish to change them as well, not required.

    experiment a little, be sure to back up any file you play with incase you mess up.

    Also you can go here http://www.w3schools.com/css to the famous css school and learn a little at the same time

    Good Luck
    PCI Certified Web Hosting - ControlScan, Security Metrics (Platinum Partner), McAfee, TrustKeeper
    Business Class Web Hosting - Linux and cPanel Powered

 

 

Similar Threads

  1. How to change color for sub-categories?
    By jorsara in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 31 Oct 2009, 06:31 AM
  2. how to change the color of side box?
    By shay nissim in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 7 Jan 2009, 04:36 AM
  3. Replies: 1
    Last Post: 2 Jun 2008, 05:16 PM
  4. how to change the color of a specific side box?
    By gsdcypher in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 23 Feb 2007, 08:05 AM
  5. Replies: 2
    Last Post: 1 Nov 2006, 02:51 PM

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