New Zenner
- Join Date:
- Jan 2007
- Location:
- Atlanta, GA
- Posts:
- 71
- Plugin Contributions:
- 0
Simple Zen Template - Support Thread
Ok... if you're referring to the way I have my categories list styled... I did that in a couple places... I had to change an admin panel setting, and I had to add some css code.
In the admin panel... go to configuration>layout settings
find the following settings:
Categories Separator between the Category Name and Sub Categories (set this to the following: · )
Categories SubCategories Indent (set this to the following: )
Then in the css, add the following code, or if one of these names exists in your css, then change the values:
/*this makes these styles apply only to the categories box, not all items with the style sideBoxContent - this is basic categories box style*/
#categoriesContent.sideBoxContent
{width:100%; text-align:left;}
/*this makes these styles apply only to the categories box, not all items with the style sideBoxContent - this is the basic style for links in the categories box*/
#categoriesContent.sideBoxContent a
{color:#933; text-decoration: none; }
/*this makes these styles apply only to the categories box, not all items with the style sideBoxContent - this is the basic style for links in the hover state in the categories box*/
#categoriesContent.sideBoxContent a:hover
{color: #fff;text-decoration:none;background:#633;border:1px solid #fdfde9;}
/* this tells the basic style for links in TOP categories, both visited and unvisited*/
A.category-top, A.category-top:visited
{color: #933;text-decoration: none;}
/* this tells the style for ANY links in the categories box, both visited and unvisited */
A.category-links, A.category-links:visited
{color: #933;text-decoration: none;}
/* this tells the NORMAL style for category links, both visited and unvisited */
A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited
{color: #933;text-decoration: none;}
/* this tells the HOVER style for category links, both visited and unvisited */
A.category-subs:hover, A.category-products:hover, A.category-subs:hover, A.category-products:hover
{color: #fff;text-decoration: none; background:#633}
/* this is what tells the CURRENT SELECTION style for category links, both visited and unvisited - it tells the highlight to stay ON when a sub category or a product is selected, so that you know where you are at in the category list */
SPAN.category-subs-parent
{color:#fff;background:#633}
/* this what tells the CURRENT SELECTION style for SUB category links, both visited and unvisited - it tells the highlight to stay ON when a sub category or a product is selected, so that you know where you are at in the category list */
SPAN.category-subs-selected
{color:#fff;background:#633}
what you will want to change to match your site is anywhere that has a color value or a background color. color: is your text color and background: is the highlight color. you may want to change the border color as well, as I have a border applied to the hover states.
