Categories Dressing

[keylesslocks]

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

[triplexxx]

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

[gjh42]

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;
    }

[gjh42]

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.

[Relentless]

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&amp;cPath=28&amp;zenid=123456789">&gt;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']) . '">&gt;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

[gjh42]

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.

[Relentless]

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

Relentless

[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

[gjh42]

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.

[Relentless]

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&amp;cPath=28&amp;zenid=123456789">&gt;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&amp;cPath=29&amp;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&amp;cPath=28&amp;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&amp;cPath=106&amp;zenid=123456789">Packaged AC<br />Heat Pumps</a> </li>
</ul>
</div>
</div>
<!--eof-optional categories tabs navigation display-->

overview ends

Thank You
Relentless