Make categories side box different from other side boxes

I modifed my categories side box to have a fixed height and scroll bar.

I did it with various suggestions I found in the forums and came up with this in my stylesheet:

.leftBoxContainer {
	margin: 0em;
	border: 1px solid #800000;
	border-bottom: 5px solid #800000;
	margin-top: 1.5em;
	font-size:.9em;
	font-weight:normal;
        height: 600px;
        overflow: auto;
	}

My problem is that the height and overflow settings are applied to all left side boxes.

How can I set it to only apply to the categories side box?

Site is here: http://www.reisshardware.com

Thanks,
Jeff

Jeff G:

I modifed my categories side box to have a fixed height and scroll bar.

I did it with various suggestions I found in the forums and came up with this in my stylesheet:

.leftBoxContainer {
margin: 0em;
border: 1px solid #800000;
border-bottom: 5px solid #800000;
margin-top: 1.5em;
font-size:.9em;
font-weight:normal;
height: 600px;
overflow: auto;
}

> My problem is that the height and overflow settings are applied to all left side boxes.
> 
> How can I set it to only apply to the categories side box?
> 
> Site is here: [http://www.reisshardware.com](http://www.reisshardware.com)
> 
> Thanks,
> Jeff

Change it to read as follows
#categories {
    margin: 0em;
    border: 1px solid #800000;
    border-bottom: 5px solid #800000;
    margin-top: 1.5em;
    font-size:.9em;
    font-weight:normal;
        height: 600px;
        overflow: auto;
    }

Thanks Clyde,

Works great. Exactly what I was looking for.

Jeff

Jeff G:

Thanks Clyde,

Works great. Exactly what I was looking for.

Jeff

Glad to help

this is somewhat related... i hope nobody minds me continuing this thread.

i would like to know if theres a way to set the bottom margin of my categories sidebox when its showing sub categories.

not sure if that makes sense, but if you take a look you will know what i mean..

http://sweettaia.com/index.php?main_page=index&cPath=7

I would like to take away some of the white space between collection and view all hair clips in the sidebar.

I have been using firefox's developer tool bar, but still cant get it right.

thanks in advance to anyone who can help me out.

I'm far from an expert on this, but I am pretty sure this is in your stylesheet.

I needed to change something similar so I just went through everything on the stylesheet that sounded remotely like what I was looking for. Keeping the editor and the FTP software open, I would change, save, upload, test, repeat. By keeping the editor open I could easily revert back if the change was the wrong one.

What you are looking for might be one of the margin settings. It might also be before "view all", not after "collection".

Tedious, but it will probably work and is a great learning experience to see what each of the settings do.

Also, I think I saw a setting somewhere in admin about separators in the category box. You might want to look for that and it's associated code.

You might want to take a look at http://www.zen-cart.com/forum/showthread.php?t=79738. This is what got me started into just looking at the stylesheets.
Jeff

Thanks for the reply Jeff. I have tried almost every margin setting already.

If i make the margin smaller above view all, then when a shopping page is not selected (and the sub cats are not showing) the space between shop and view all is too small.

I think i need to get into the sidebox file that displays the sub-cats and figure out how to add a class below the end of the array that displays them. This way I can adjust the margin-bottom setting for that class.

Not sure if that makes sense or not or if I am using the right terms (array).

Whats really getting on my nerves is that I recently started the site over from scratch and the old site I had this all perfect. :dontgetit