Results 1 to 2 of 2
  1. #1
    Join Date
    Apr 2011
    Posts
    99
    Plugin Contributions
    0

    Default Simple dividing line in category navigation

    I just want a simple dividing line between the categories in the left column navigation. I'm not having any luck finding the right style in the css stylesheet to make this happen. I've downloaded the Categories Dressing Add-on but that's way more complicated than what I need.
    Here is a temporary link to my shopping cart: http://70.40.209.211/

  2. #2
    Join Date
    Jul 2005
    Location
    Upstate NY
    Posts
    22,010
    Plugin Contributions
    25

    Default Re: Simple dividing line in category navigation

    That's because there is no element in the stock Zen Cart categories sidebox that can accept a divider-type style. Categories Dressing's origin was in my desire for exactly this, and it grew to meet other needs.

    To get dividers, you can use your stylesheet to make the category links into block elements so they take the whole width of the sidebox, and apply top or bottom borders to them. You then need to eliminate the <br /> in the code between links or else you get an unwanted extra line-space.
    One version of this would be

    #categories a {display: block; border-bottom: 1px solid #aabbcc;}
    #categories a+br {display: none;}

    A more focused version would be

    .category-top, .category-subs, .category-products {display: block; border-bottom: 1px solid #aabbcc;}
    .category-top+br, .category-subs+br, .category-products+br {display: none;}

    You can get fancier according to your needs and your knowledge of CSS.

 

 

Similar Threads

  1. The category navigation link is wrapped into second line
    By nsrao in forum Setting Up Categories, Products, Attributes
    Replies: 1
    Last Post: 23 Mar 2010, 08:57 PM
  2. easiest way to change the default category navigation into a table navigation
    By signify in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 1 Oct 2008, 09:55 PM
  3. products dividing line
    By darktowerhobbies in forum Templates, Stylesheets, Page Layout
    Replies: 11
    Last Post: 15 Feb 2008, 02:34 PM
  4. simple navigation: cpath->categories
    By warefare in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 19 Oct 2007, 12:18 AM
  5. Simple 1 line product listing?
    By eva01 in forum Setting Up Categories, Products, Attributes
    Replies: 5
    Last Post: 31 Dec 2006, 01:18 AM

Bookmarks

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
Zen-Cart, Internet Selling Services, Klamath Falls, OR