Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / product listing left aligned

product listing left aligned

Locked

Views: 1,143

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
8 Feb 2008, 10:34 AM
#1
janjansssen avatar

janjansssen

New Zenner

Join Date:
Jan 2008
Posts:
14
Plugin Contributions:
0

product listing left aligned

Hi,

I'm trying to left align my product listing, but it stays centered, see
http://ipdata.biz/shop/index.php?main_page=index&cPath=10_14

Can someone please tell me how to do this? I've tried editing product_listing.php but no luck. I'm using the column_layout_grid module.

Thanks

9 Feb 2008, 11:24 PM
#2
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: product listing left aligned

Jan

The positioning of elements (such as text) are usually controlled by the CSS in your stylesheets.

Find "stylesheet.css" (I think yours will be in the "CLASSIC" templates folder set.

Add this line to stylesheet.css :-

.itemTitle {
	text-align: left;
	}
12 Feb 2008, 12:40 PM
#3
janjansssen avatar

janjansssen

New Zenner

Join Date:
Jan 2008
Posts:
14
Plugin Contributions:
0

Re: product listing left aligned

Well, I've tried, but no luck. Any other ideas? Thanks!

12 Feb 2008, 12:59 PM
#4
janjansssen avatar

janjansssen

New Zenner

Join Date:
Jan 2008
Posts:
14
Plugin Contributions:
0

Re: product listing left aligned

Got it! Thanks schoolboy, you put me on the right track. I've changed

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
text-align: center;
}

Ofcourse I changed the text-align part to 'left'....

12 Feb 2008, 1:37 PM
#5
schoolboy avatar

schoolboy

Totally Zenned

Join Date:
Jun 2005
Location:
Cumbria, UK
Posts:
10,327
Plugin Contributions:
0

Re: product listing left aligned

Remember now that EVERY style listed in this long list will be ALIGN LEFT - not just your item title...

You need to split out the style ID that specifically deals with the item title. So you then delete it from the long list.

Then you create a SEPARATE style for =just that style ID.

This is why is suggested the single ID as I did.

13 Feb 2008, 1:37 PM
#6
janjansssen avatar

janjansssen

New Zenner

Join Date:
Jan 2008
Posts:
14
Plugin Contributions:
0

Re: product listing left aligned

Good point! :-) For now it's no problem on my site, but I will keep this in mind so when I do run into problems I know it's my own fault and I can correct it.... :-) Thanks again!