Forums / Templates, Stylesheets, Page Layout / Sidebar misaligned due to productListing

Sidebar misaligned due to productListing

Locked

Views: 709

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
18 May 2009, 7:59 PM
#1
chloe21 avatar

chloe21

New Zenner

Join Date:
Jul 2006
Posts:
32
Plugin Contributions:
0

Sidebar misaligned due to productListing

What should I edit to fix this so the sidebar images align properly?

This does not happen in any other pages except the product listing pages and it's only the pages that have products (for now only dresses/tops have products) so I am assuming it has something to do with the productListing style?

Image link:

Using latest version of ZC. Fresh install.
Site: http://www.chloe21.com/catalog

18 May 2009, 8:09 PM
#2
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

Re: Sidebar misaligned due to productListing

look for #sideBoxContent { in your stylesheet and play with the left margin..

18 May 2009, 8:18 PM
#3
chloe21 avatar

chloe21

New Zenner

Join Date:
Jul 2006
Posts:
32
Plugin Contributions:
0

Re: Sidebar misaligned due to productListing

Thanks! I actually changed the margin-left for the leftBoxHeading and it fixed it, thanks for pointing me in the right direction! :D

18 May 2009, 8:18 PM
#4
tony_sar avatar

tony_sar

Totally Zenned

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

Re: Sidebar misaligned due to productListing

open your stylesheet.css

look for this

.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {stylesheet.css (line 330)
padding:0.8em;
}

problem is your .centerColum with padding..

remove .centerColumn from above rule ..

Or , you can simply add this to your stylesheet.css

.centerColumn {
padding:0
}

18 May 2009, 8:33 PM
#5
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

Re: Sidebar misaligned due to productListing

It doesn't look fixed in FFox. You should try what Tony suggests, he's pretty amazing with CSS.

18 May 2009, 9:30 PM
#6
chloe21 avatar

chloe21

New Zenner

Join Date:
Jul 2006
Posts:
32
Plugin Contributions:
0

Re: Sidebar misaligned due to productListing

Added

.centerColumn {
padding:0
}

to stylesheet as suggested, looks good.

I'm using FireFox actually and it looked OK to me before I added the code... hmmm...