Customizing ProductCart - Cart Alignment Change

Print Page | Close Window

Cart Alignment Change

Printed From: ProductCart E-Commerce Solutions
Category: ProductCart
Forum Name: Customizing ProductCart
Forum Description: Exchange messages with other users that are customizing ProductCart.
URL: https://forum.productcart.com/forum_posts.asp?TID=1126
Printed Date: 21-April-2025 at 10:43pm
Software Version: Web Wiz Forums 12.04 - http://www.webwizforums.com

Topic: Cart Alignment Change

Posted By: Chunga
Subject: Cart Alignment Change
Date Posted: 27-September-2007 at 9:29am

By Default the Entire store is aligned center.

What class and tag controls the store alignment, as my client wants his entire store left justified.

thanks.

Replies:

Posted By: netprofits
Date Posted: 27-September-2007 at 9:49am

Check the pcHeaderFooter.css file. Near the top is this class:

body {
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 11px;
color: #333333;
text-align: center;
background-color: #FFFFFF;
}

Change the text-align: center; to be text-align: left;

-------------
NetProfits Internet Consulting

Certified ProductCart Developer

http://www.nicwebdesign.com" rel="nofollow - Our Site

Posted By: Chunga
Date Posted: 27-September-2007 at 10:24am

I made the change you outlined and, even though It reflects the change in Dreamweaver, when I upload the .CSS to the site, It still is centered. I've cleared my cache, viewed it on machines that have never visit4ed it (therefore having no cache problem) and even deleted the .css manually from the remote machine and uploaded it as to eliminate the possibility of a locked file.

Any suggestions and/or something that might be overriding the class?

Thanks

Posted By: netprofits
Date Posted: 27-September-2007 at 10:26am

Can you post the URL so we can take a look at the HTML behind the scenes?

-------------
NetProfits Internet Consulting

Certified ProductCart Developer

http://www.nicwebdesign.com" rel="nofollow - Our Site

Posted By: Chunga
Date Posted: 27-September-2007 at 10:32am

http://www.cre8iveinc-promos.com/shop/pc/home.asp - http://www.cre8iveinc-promos.com/shop/pc/home.asp

Posted By: netprofits
Date Posted: 27-September-2007 at 1:16pm

In the pcHeaderFooter you'll need to remove the following lines:
margin-left: auto;
margin-right: auto;
from the #pcHeader style and the #pcMainArea. I tested that on one of our development sites and it worked.

-------------
NetProfits Internet Consulting

Certified ProductCart Developer

http://www.nicwebdesign.com" rel="nofollow - Our Site

Posted By: Chunga
Date Posted: 27-September-2007 at 1:40pm

That worked!!

Thanks very much.