how can I modify the spacing between the left arrow and the text... I want to eliminate as much space so the category text does not spill over to a second line....

thanks

hello Glenn

i just install this mod GREAT!!!

i have one question its possible with this mod to do this for example

Top Categories
A
B
C
D

when you click on Top Categorie B for example to only display Top Categorie B with B sub-categories and hide the rest just when you going to B Top categorie

to have something like this....

(not a link) -->Deparments [show all] <-- this his a link for main page with all categories]

but then only have

B top categorie

and sub categories.....not any other categories only the ones from B?
B-1
B-2
B-3

thank you

keylesslocks -
Unfortunately, that's one of the things that can't currently be controlled in CSS lists. Apparently there was an early spec that called for lots of control of list item markers, but no browser makers supported it and it was withdrawn. I'm sure a future version of CSS will have that ability in some form.

Meanwhile, you can get the desired control by using cruder methods: a simple background image with padding to leave space for it to show.

In your stylesheet_categories_dressing.css, find this```
/* bullet for top categories & links:*/

a.category-top-text .category-not-selected, a.category-top-text .category-subs-selected, #categories a.category-links {
display: list-item;
list-style: disc inside url(../images/bullet1.gif);
}

and change to this```
a.category-top-text .category-not-selected, a.category-top-text .category-subs-selected, #categories a.category-links {
    background-image: url(../images/bullet1.gif);
    background-position: center left;
    background-repeat: no-repeat;
    padding-left: 7px;
    }

triplexxx -
I'm not quite sure what you want when you say
Deparments [show all] <-- this his a link for main page with all categories].
Where do you want this to display? Somewhere in the categories sidebox?

But the other part, showing only the current top cat & its subs, is easy to do. I posted about that yesterday: Parent Categories Separated In 3 sideboxes, posts 44 & 46.

Categories Dressing v2.0
Heading links are enabled, they work fine. 2 questions. below.
At this time all links in column left css are inheriting from "sideBoxContent"
id="categoriesContent" class="sideBoxContent">
I wish to change the #color of the linked cat headings.
I have catBoxHeading1, added to css style sheet.

This is my site html from view source Cat Heading
<a class="catBoxHeading1" href="http://www.mywebsite.com/index.php?main_page=index&cPath=28&zenid=123456789">>Air Conditioning<br />Split System<br />Ducted<br /><br /></a>

=================
This is tpl_categories.php
{
case '28': //replace number with your desired cPath
$content .= '<a class="catBoxHeading1" href="' . zen_href_link(FILENAME_DEFAULT, $box_categories_array[$i]['path']) . '">>Air Conditioning<br />Split System<br />Ducted<br /><br /></a>'. $disp_block_head . "\n";
break;

2 QUESTIONS
1] Should this be changed id="categoriesContent" class="sideBoxContent">
//-----
2] Will this enable the CSS declaration 'catBoxHeading1'.
case ($box_categories_array[$i]['top'] == 'true'):
$new_style = 'catBoxHeading1';
break;

Thank You
Relentless

Are you saying that .catBoxHeading1 in your stylesheet is not taking effect?
Do you want the top categories to look just like the headings?

1. Don't change the base class, just make the specific class more specific if it needs to be.
   Since the headings are now links, try
   a.catBoxHeading1 {}.

If that doesn't work,
#categories a.catBoxHeading1 {}
should do it.

How are the declarations ordered in your stylesheet? The general ones like .sideBoxContent should come before specific ones like .catBoxHeading1.

2. This will make top categories indistinguishable from headings. This is probably not what you want.

#categories a.catBoxHeading1 () CSS is working as you said.
Heading color is correct.
Thank you for responding.

Relentless

For category-top-text in html we see <span class="category-not-selected">
I would think this should be corrected.
Is there a CSS addition like (#categories a) for .category-top-text
Thank You
Relentless

The .category-not-selected is inside the .category-top-text, so if there is a setting for it, it should properly supersede the text class. If there is no setting for it, the text class will control.

An overview of this issue.
I did not understand your previous response.

1. question below.
   yes #categories a.catBoxHeading1, is working, Thank You
   with some inheretence from .sideBoxContent
   and .category-top-text, not working.
   .sideBoxContent still overrides .category-top-text.
   =
   mywebsite html from View Page Sorurce see <span class="category-not-selected">

<h3 class="leftBoxHeading" id="categoriesHeading">Products</h3> <div id="categoriesContent" class="sideBoxContent"> <a class="catBoxHeading1" href="http://www.mywebsite.com/index.php?main_page=index&cPath=28&zenid=123456789">>Air Conditioning<br />Split System<br />Ducted<br /><br /></a> <a class="category-top-text" href="http://www.mywebsite.com/index.php?main_page=index&cPath=29&zenid=123456789"><span class="category-not-selected">Split Systems <br />AC Ducted<br />1 to 2 Tons<br /><br /></span></a> <a /* Column left continues with both Headings and cat links*/ == In CSS style sheet .catBoxHeading1---- line 913 .category-top-text--line 937 .sideBoxContent-----line 944 === One question here. My tpl_categories.php as it is now.

$disp_block = '';
//$disp_block = '<br />'; //if not using display: block; in stylesheet, uncomment this line
$content = "";

$content .= '<div id="' . str_replace('_', '-', $box_id . 'Content') . '" class="sideBoxContent">' . "\n";
for ($i=0;$i<sizeof($box_categories_array);$i++) {
switch(true) {
//1 Question)Do I need to add .catBoxHeading1 and .category-top-text here as a $new_style=
// or #categories a.catBoxHeading1 as a $new_style= .

  case ($box_categories_array[$i]['top'] == 'true'):
    $new_style = 'category-top';
    break;
  case ($box_categories_array[$i]['has_sub_cat']):
    $new_style = 'category-subs';
    break;
  default:
    $new_style = 'category-products';
}

<!--bof-optional categories tabs navigation display-->

<div id="navCatTabsWrapper"> <div id="navCatTabs"> <ul> <li><a class="category-top" href="http://www.mywebsite.com/index.php?main_page=index&cPath=28&zenid=123456789">Split System <br /> AC Ducted<br />1 to 2 Tons<br /><br /></a> </li> This <ul> contains all the non heading cat links <li><a class="category-top" href="http://www.mywebsite.com/index.php?main_page=index&cPath=106&zenid=123456789">Packaged AC<br />Heat Pumps</a> </li> </ul> </div> </div> <!--eof-optional categories tabs navigation display-->

overview ends

Thank You 
Relentless

You should not change the $new_style= area.

"In CSS style sheet
.catBoxHeading1---- line 913
.category-top-text--line 937
.sideBoxContent-----line 944"

.sideBoxContent will override selectors of equal importance that come before it, so you should have that first, and then the more specific selectors.

.category-top-text is the class of the link, so you can say

a.category-top-text {}
or #categories a.category-top-text {}

.category-not-selected is the class of the span inside the link, not the class of the link. If you don't want that to control the display, comment out its declaration.

By simply moving .sideBoxContent{} above .category-top-text {) in the CSS style sheet,
.category-top-text {) now works, I had it backwards.

Since .category-top-text{} and #categories a.catBoxHeading1{} are now working fine,
do I need to be concerned about <span class="category-not-selected"> with SEO, W3C, etc.
opening time does not seem to be an issue.
Thank You
Relentless

I can't imagine that HTML class tags would be an impediment to SEO. Spiders won't care what name you call the elements of your page; it's the structure and organization that matters.

I'm back with another question (sorry for that). I got everything working great but now I want an image as header for the categories sidebox. I've tried to figure it out based on reading the stylesheet and I made an image called cathead.gif but it's not showing up.

I'm sorry for all the dumb questions.

Categories Dressing does not affect the sidebox header. For that you want Image Titles.

gjh42:

Categories Dressing does not affect the sidebox header. For that you want Image Titles.

I'm wanting to do the same thing as the person above. I want to change the side box headings, like "Information", "Search", "Links" etc. to images. I have searched and searched and I see it on lots of pages but I can't figure out how to make it happen. I tried using Categories Dressing and I'm not having any luck. One thing I can't figure out is what is meant by "cpath".

Here's my page:

http://groupie-g.com/zen/

As I said, the Image Titles mod is built to do what you are asking for. See the link in my sig.

$cPath is a variable that holds the category path to a particular category or product. It is composed of the category id of the top cat and any subcats, separated by underscores ( _ ).
You can see it in the address bar at the top of your screen as something like
... &cPath=23_42& ...

:lookaroun...takin notes....thanks

gjh42:

$cPath is a variable that holds the category path to a particular category or product. It is composed of the category id of the top cat and any subcats, separated by underscores ( _ ).
You can see it in the address bar at the top of your screen as something like
... &cPath=23_42& ...

gjh42:

As I said, the Image Titles mod is built to do what you are asking for. See the link in my sig.

Thanks Glen. I think I made that post without knowing the difference or what I was talking about.

I did try the Image Titles and couldn't get it to work. :frusty:

One thing that I have noticed is that when I inspect an element with Firebug, it gives me the HTML on the left pane and the CSS in the right pane. I have been able to change the HTML in the left pane and get the results I want. Unfortunately, I can't find the HTML in my files. Can you explain why it shows HTML in Firebug but I don't have access to HTML anywhere else? I'm being very lost and confused now.