Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Make categories side box different from other side boxes

Make categories side box different from other side boxes

Locked

Views: 3,591

Results 1 to 7 of 7
This thread is locked. New replies are disabled.
16 Nov 2007, 9:10 PM
#1
jeff_g avatar

jeff_g

Zen Follower

Join Date:
Oct 2007
Posts:
132
Plugin Contributions:
0

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

17 Nov 2007, 12:17 AM
#2
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: Make categories side box different from other side boxes

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;
    }
17 Nov 2007, 3:57 AM
#3
jeff_g avatar

jeff_g

Zen Follower

Join Date:
Oct 2007
Posts:
132
Plugin Contributions:
0

Re: Make categories side box different from other side boxes

Thanks Clyde,

Works great. Exactly what I was looking for.

Jeff

17 Nov 2007, 4:34 AM
#4
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: Make categories side box different from other side boxes

Jeff G:

Thanks Clyde,

Works great. Exactly what I was looking for.

Jeff

Glad to help

18 Nov 2007, 9:17 AM
#5
antpez avatar

antpez

New Zenner

Join Date:
Oct 2007
Posts:
34
Plugin Contributions:
0

Re: Make categories side box different from other side boxes

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.

19 Nov 2007, 11:46 PM
#6
jeff_g avatar

jeff_g

Zen Follower

Join Date:
Oct 2007
Posts:
132
Plugin Contributions:
0

Re: Make categories side box different from other side boxes

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

20 Nov 2007, 9:16 PM
#7
antpez avatar

antpez

New Zenner

Join Date:
Oct 2007
Posts:
34
Plugin Contributions:
0

Re: Make categories side box different from other side boxes

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