Thanks! :clap:
Printable View
Thanks! :clap:
This mod appears to be exactly what I need, but before installing I have a question.
Is it compatible with the BetterCategoriesEZ mod?
If it's a matter of merging two codes, has anyone else successfully accomplished this?
Thanks!
Categories Dressing and BetterCategoriesEZInfo are not compatible. Both of them alter the same parts of the code in different ways, so they cannot both function at the same time.
BetterCategories automatically sets up a particular style for the categories box, so if you want that style you can just go ahead and use it. If you want other kinds of mods to categories, Cat Dressing I believe is more versatile.
BetterCategories also includes modular code for other sideboxes like EZ-Pages and Information, so you could (following directions carefully) load only the parts of it that apply to those sideboxes if you want, leaving Cat Dressing to control the Categories box.
First of all let me say that this is just a wonderful contribution. You solved so many issues I've struggled with in the past - :clap:
I've installed the mod into 1.3.7 - no other mods are installed as of yet. That said I have an odd little issue - I am using the arrow icons on my Topcats, but it is adding this odd little text like arrow just underneath. The odd things is when I tested this locally that did not appear. Can you tell me where that might be coming from so I can squash it?
The other issue is IE6 - it is having a problem maintaining the colors from the categories_dressing.css its grabbing the primary css code for visited and or active links. I've had this problem in other code in the past, and I found by making sure the active was listed it solved it. I did that here, but no joy.
here a link to the site under construction: http://69.50.202.128
Again thank you for such great work!!
I fixed the IE6 issue, by just making my links consistent. Looks better anyway -
Now I think I see what the issue is on the text arrow, but not quite sure how to fix it. What I would like is a image arrow next the Tops that have Subs (which they all will) the text arrow is the indicator that there are sub-cats and it just wraps on long cat titles. How can I make that go away and have an icon to the left much they way it appears once the Top Cat is selected.
Hope I'm clear - IP again is http://69.50.202.128 to my test server
Thanks Again... I'm having so much fun with this mod. :smile:
The text arrows can be turned off in admin > Configuration > Layout Settings > Categories Separator between the Category Name and Count.
These control the subcat prefix and indentation:
Categories Separator between the Category Name and Sub Categories
Categories SubCategories Indent
For the arrows on top cats (there should be small arrows just like the All Products link has, which turn to large arrows when selected), apparently your stylesheet has some declaration that overrides the stylesheet_categories_dressing specification. When I add "#categories " to the selectors, they work as designed.
Code:/* bullet for top categories & links:*/
#categories a.category-top-text, #categories a.category-not-selected, #categories a.category-subs-selected, #categories a.category-links {
display: list-item;
list-style: disc inside url(../images/bullet1.gif);
}
Now just how perfect is that!!! You are super...:clap:
Thanks sooooooooo much!!!
Ruth
Spoke too soon. Locally it works just perfect. But on the live site - the little arrow does not appear when not selected. (got rid of those pesky text arrows..thanks)
LOL I will never understand, no matter how many years I do this why something works so perfect on my local Apache and not on the web!! Especially when I direct upload the edited style sheet - so there's no chance for errors or differences.
Any thoughts?
Looking at the CSS in use on your site, it doesn't have the #categories added. Somehow the edited file didn't get to the right place.
The categories styling is in stylesheet_categories_dressing.css, not yet copied into your stylesheet.css. Did you upload both files?
It absolutely is there. I just did a view stylesheet in FF to make sure it was being seen - and found it there.
Here's the code from that style sheet:
I had it loaded as an additional style sheet, but I noticed that the instructions were really to add these styles to the existing style sheet, which I have done, an d removed the separate sheet, but it has made no difference.PHP Code:
/**
* CSS Stylesheet for Categories Dressing examples
* copy/modify desired sections into main stylesheet, integrating with existing declarations, and delete this file
* Categories Dressing v2.0 Glenn Herbert (gjh42) 2007-07-13
*/
hr.catBoxDivider {
color: #a99f92;
}
.catBoxHeading1 {
font-family: 'times new roman', serif;
font-weight: bold;
font-size: 1.3em;
color: #996633;
background-color: #a99f92;
/*background-image: url(../images/catheadbg1.gif); */ /*uncomment to use background image with or without coded text*/
/*height: 23px; */ /*uncomment to use background image without coded text*/
display: block;
padding: 0.3em 0.4em;
margin-top: 2px;
margin-bottom: 2px;
}
.catBoxSubtext {
font-family: 'times new roman', serif;
font-weight: normal;
font-size: 1.2em;
color: #999999;
display: block;
padding: 0.1em 0.2em 0.1em 1.0em;
}
/*display all cat box links as block*/
#categories a {
background-repeat: no-repeat;
display: block;
}
/*example for individual category as bg image*/
a.catBg25 {
background-image: url(../images/catbg25.gif);
height: 30px;
}
a.catBg25:hover {
background-image: url(../images/catbg25hover.gif);
}
/*example for custom individual category styling
a.category-holiday {
border-top: 3px dotted #112233;
background-color: #aabbff;
color: #112233;
padding: 1em 0em;
}
*/
/* example for top category styling */
a.category-top-text, a:visited category-top-text, a:active category-top-text {
color: #a99f92;
font-weight:bold;
}
a.category-subs-text, a.category-products-text {
color: #999999;
}
/* uncomment for top category hover effects (add , a.category-subs-text, a.category-products-text if desired) (use background-image if desired)*/
a.category-top-text:hover {
background-color: #cccccc;
color: #996633;
background-image: url(../images/catbghover.gif);
}
a.category-subs-text:hover, a.category-products-text:hover {
color: #996633;
}
/* bullet for top categories & links:*/
#categories a.category-top-text, #categories a.category-not-selected, #categories a.category-subs-selected, #categories a.category-links {
display: list-item;
list-style: disc inside url(../images/bullet1.gif);
}
.category-subs-selected {
font-weight:normal;
}
/*change bullet when a category is open to subs:*/
a.category-top-text .category-subs-parent {
display: list-item;
list-style: square inside url(../images/bullet2.gif);
}
/*bullet for subcategories:*/
a.category-subs-text, a.category-products-text {
display: list-item;
list-style: circle inside url(../images/bullet3.gif);
}
/*different bullet for links*/
/*
#categories a.category-links {
display: list-item;
list-style: disc inside url(../images/bullet4.gif);
}
*/
Please note that the #categories is in fact noted.
Thanks so much for your assistance.
Ruth