Results 1 to 7 of 7
  1. #1
    Join Date
    Oct 2007
    Posts
    132
    Plugin Contributions
    0

    Default 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:
    PHP Code:
    .leftBoxContainer {
        
    margin0em;
        
    border1px solid #800000;
        
    border-bottom5px solid #800000;
        
    margin-top1.5em;
        
    font-size:.9em;
        
    font-weight:normal;
            
    height600px;
            
    overflowauto;
        } 
    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

  2. #2
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,033
    Plugin Contributions
    31

    Default Re: Make categories side box different from other side boxes

    Quote Originally Posted by Jeff G View Post
    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:
    PHP Code:
    .leftBoxContainer {
        
    margin0em;
        
    border1px solid #800000;
        
    border-bottom5px solid #800000;
        
    margin-top1.5em;
        
    font-size:.9em;
        
    font-weight:normal;
            
    height600px;
            
    overflowauto;
        } 
    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
    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;
    }

  3. #3
    Join Date
    Oct 2007
    Posts
    132
    Plugin Contributions
    0

    Default Re: Make categories side box different from other side boxes

    Thanks Clyde,

    Works great. Exactly what I was looking for.

    Jeff

  4. #4
    Join Date
    Nov 2005
    Location
    Colorado Springs, CO USA
    Posts
    7,033
    Plugin Contributions
    31

    Default Re: Make categories side box different from other side boxes

    Quote Originally Posted by Jeff G View Post
    Thanks Clyde,

    Works great. Exactly what I was looking for.

    Jeff
    Glad to help

  5. #5
    Join Date
    Oct 2007
    Posts
    39
    Plugin Contributions
    0

    Default 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.

  6. #6
    Join Date
    Oct 2007
    Posts
    132
    Plugin Contributions
    0

    Default 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
    Last edited by Jeff G; 20 Nov 2007 at 12:52 AM.

  7. #7
    Join Date
    Oct 2007
    Posts
    39
    Plugin Contributions
    0

    Default 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.

 

 

Similar Threads

  1. Replies: 2
    Last Post: 13 Jun 2011, 04:22 PM
  2. Center Box Graphic and Have Center Boxes side by side
    By DebiWebi in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 16 Sep 2009, 03:58 PM
  3. Trying to make 2-layered menu by modifying categories side box
    By jamesdavid in forum General Questions
    Replies: 6
    Last Post: 3 Jun 2008, 10:45 AM
  4. Replies: 7
    Last Post: 23 Aug 2006, 06:14 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg