Categories Dressing

[Kinvart]

The indent is caused by one of your Template Monster stylesheets, stylesheet_boxes.css:

.box ul li {
border-bottom:1px solid #E9E9E9;
line-height:40px;
padding-left:18px;
}

To avoid changing your other sideboxes, add a new rule to your stylesheet_chcategories_dressing.css:

#chcategories ul li {/*category li containers*/ 
    margin: 0;
    padding: 0;
    }

I just tested this on your website and it works.

THANK YOU THANK YOU THANK YOU!!!

You have just saved my day

Now, for the very last thing, then i'm (hopefully) done with questions.

I would like to put an image (and hide the actual typing) in categories boxes. So instead of p.e. "Ženski čevlji->" would be an image. How to do that?

Thanks again

[gjh42]

Look at the readme. The section titled "To display images in place of selected category names:" gives the instructions for this.

[dreamoutlaw]

Glenn - Thanks again for your quick response! I think I read this section in the readme file, ("To display images in place of selected category names:"). It confirmed what you just told me. I thought I could correct it by changing the name of the file reference in stylesheet_chcategories_dressing.css... therefore, it would be referring to a file that does not exist. But, that didn't work. I will rename the demo .gif, and see if that solves the problem. As a last resort, I will delete the .gif image. If I ever need it for anything, I can always reinstall it from the original file on my local hard drive. Thanks again! - Reg

[gjh42]

The demo gif is purely for demo purposes, and you can just delete it.

[dreamoutlaw]

Cool. (WOW!... You're fast!)

[adi2009]

So the <a> elements are being hidden, but the <li> presumably are still taking up space... The trouble with hiding upper level li is that the lower level elements are part of an upper li. It may be possible to do this with catGroup ids... I've forgotten the link to your site, and I can't test anything without that.

Glenn, I hope link I send you was helpuful.

Here is how rightsidebox looks like now click here
It should look same as chcategories on left but instead it stretched and there is empty space on top and bellow car part types

[dreamoutlaw]

Geez, that was easy! Thank you so much! Is there a link where users can make a donation for all your great work? I didn't see one in the readme file.

[gjh42]

I see something that might be useful: all of the first subcats have class="cat-subs" while all the fourth level subcats have class="cat-products".
So add to your stylesheet_categories_dressing.css

#categories li.cat-subs {display: none;}

dreamoutlaw - not a link, but my paypal address is at the top of the readme;)

[Kinvart]

Look at the readme. The section titled "To display images in place of selected category names:" gives the instructions for this.

Did, so, but the image is not displayed correctly... any ideas?

From stylesheet_chcategories_dressing.css

#chcategories li a.catBg9 {
    background-image: url(http://www.elegance.si/store/includes/templates/theme322/buttons/slovensko/catbg9.gif);
    width: 200px;
    height: 60px;
    }

#chcategories li a.catBg9:hover {
    background-image: url(http://www.elegance.si/store/includes/templates/theme322/buttons/slovensko/catbg9hover.gif);
    width: 200px;
    height: 60px;
    } 

The image is somehow distored (wider than it really is) and not shown as it should. any ideas?

[adi2009]

I see something that might be useful: all of the first subcats have class="cat-subs" while all the fourth level subcats have class="cat-products".
So add to your stylesheet_categories_dressing.css

#categories li.cat-subs {display: none;}

dreamoutlaw - not a link, but my paypal address is at the top of the readme;)

good idea Glenn, but I just tryed it and unfortunatly now right side box is empty all time - no matter on what sublevel/subcategorie (in IE, Firefox and Opera, however, what is interesting is that Google chrome is showing everything as it should - correctly)..