Results 1 to 8 of 8
  1. #1
    Join Date
    Nov 2009
    Posts
    11
    Plugin Contributions
    0

    Default product categories not aligned properly

    Hi Friends,

    The categories at navigation bar wrapped and displayed in two lines.. but the second line displayed in content area...there is a long gap between 1st line and second line..
    How can i fix it?
    my link is http://yellowpagesmall.com/store/ind...=index&cPath=9

    you can find two categories "Sports & Outdoors Gift Ideas" next line to "Fashion Accessories" heading in content page..

    Please help..

    Loving You
    Sudhakara Rao N

  2. #2
    Join Date
    Jul 2006
    Location
    Montreal, Canada
    Posts
    2,279
    Plugin Contributions
    0

    Default Re: product categories not aligned properly

    category name is too long for the width of your side box .. first tune of category count , it will speed up your page . if that didn't solve the problem , try to increase the width of your left side box from 150px to something wider . both of those modification can be done from Admin .

  3. #3
    Join Date
    Nov 2009
    Posts
    11
    Plugin Contributions
    0

    Default Re: product categories not aligned properly

    Hi Tony,

    Thank you for your quick response. i am using version 1.38a.
    left column is not a problem.. my problem is top navigation below banner... see the attached image file.. red circle.

    this is css code for this.
    #navCatTabsWrapper {
    /*margin: .05em;*/
    /* background-color: #9a9a9a;*/
    font-weight: bold;
    color: #333333;
    height: 213;
    width: 776;
    background-image: url(../images/productnavi.gif);
    background-attachment: scroll;
    background-repeat: no-repeat;

    }

    #navMain ul, #navSupp ul/*, #navCatTabs ul*/ {
    margin: 0em;
    padding: 0.5em 0em;
    list-style-type: none;
    text-align: center;
    line-height: 1.0em;
    }

    #navCatTabs ul {
    margin: 0em;
    padding: 0.5em 0em;
    list-style-type: none;
    text-align: center;
    line-height: 8.0em;
    }

    #navMain ul li, #navSupp ul li, #navCatTabs ul li {
    display: inline;
    }

    #navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
    text-decoration: none;
    padding: 0em 0.5em;
    margin: 0;
    color: #333333;
    white-space: nowrap;
    }

    Loving You
    Sudhakara Rao N
    Attached Images Attached Images  

  4. #4
    Join Date
    Jul 2006
    Location
    Montreal, Canada
    Posts
    2,279
    Plugin Contributions
    0

    Default Re: product categories not aligned properly

    open your stylesheet and locate following rule and make the changes shown in red .

    #navCatTabs ul {
    height:80px; add this line
    line-height:8em; remove this line
    padding-top: 40px add this line
    list-style-type:none;
    margin:0;
    padding:0.5em 0;
    text-align:center;

    }

  5. #5
    Join Date
    Nov 2009
    Posts
    11
    Plugin Contributions
    0

    Default Re: product categories not aligned properly

    Thank Tony.
    I changed the css code as per your advice but the problem still exist.

    Loving You.
    Sudhakara Rao N

  6. #6
    Join Date
    Jul 2006
    Location
    Montreal, Canada
    Posts
    2,279
    Plugin Contributions
    0

    Default Re: product categories not aligned properly

    you have a stylesheet1.css that is overriding stylesheet.css ..
    the code change should work if is done in correct stylsheet

  7. #7
    Join Date
    Nov 2009
    Posts
    11
    Plugin Contributions
    0

    Default Re: product categories not aligned properly

    Thank you Tony.. after removing stylesheet1.css it works.

    Thank you verymuch for you help. you can see the home page after changes made at www.yellowpagesmall.com

    Thank you
    Loving You
    Sudhakara Rao N
    Last edited by nsrao; 1 May 2010 at 07:53 PM.

  8. #8
    Join Date
    Jul 2006
    Location
    Montreal, Canada
    Posts
    2,279
    Plugin Contributions
    0

    Default Re: product categories not aligned properly

    you welcome

 

 

Similar Threads

  1. v150 New Products not aligned properly
    By canemasters in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 14 Apr 2012, 11:18 AM
  2. My site isn't aligned properly
    By familynow in forum Templates, Stylesheets, Page Layout
    Replies: 22
    Last Post: 9 Nov 2011, 02:02 PM
  3. Zen Cart "new products" not aligned properly in IE
    By dudemaaan in forum General Questions
    Replies: 0
    Last Post: 16 Feb 2010, 03:46 PM
  4. sidebox not aligned properly
    By maclean in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 29 Sep 2007, 03:42 PM
  5. Item Name column not properly aligned + others
    By evolive in forum Templates, Stylesheets, Page Layout
    Replies: 0
    Last Post: 6 Nov 2006, 10:06 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