Forums / Templates, Stylesheets, Page Layout / product categories not aligned properly

product categories not aligned properly

Locked
Results 1 to 8 of 8
This thread is locked. New replies are disabled.
30 Apr 2010, 17:15
#1
nsrao avatar

nsrao

New Zenner

Join Date:
Nov 2009
Posts:
11
Plugin Contributions:
0

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/index.php?main_page=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
30 Apr 2010, 18:30
#2
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Posts:
2,276
Plugin Contributions:
0

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 .
30 Apr 2010, 19:24
#3
nsrao avatar

nsrao

New Zenner

Join Date:
Nov 2009
Posts:
11
Plugin Contributions:
0

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
30 Apr 2010, 20:25
#4
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Posts:
2,276
Plugin Contributions:
0

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;

}
01 May 2010, 13:08
#5
nsrao avatar

nsrao

New Zenner

Join Date:
Nov 2009
Posts:
11
Plugin Contributions:
0

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
01 May 2010, 13:50
#6
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Posts:
2,276
Plugin Contributions:
0

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
01 May 2010, 18:50
#7
nsrao avatar

nsrao

New Zenner

Join Date:
Nov 2009
Posts:
11
Plugin Contributions:
0

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
01 May 2010, 19:10
#8
tony_sar avatar

tony_sar

Totally Zenned

Join Date:
Jul 2006
Posts:
2,276
Plugin Contributions:
0

Re: product categories not aligned properly

you welcome :smile: