Center Column

[FatGuyinAZ]

Hello,
Can anyone give me some pointers on what/where to change a couple of settings?

I am using the Atheme V1.3 template.

1st is the width of the site. I want my site to expand to 100% and not be limited to a specific px size.





2nd is when viewing a product in my store you see 3 buttons at the top of the product listing that say: Prev, Listing, Next. When you click on Listing it will show all products in that particular category. All the products have their picture and a description. The descriptions all have their text aligned as "center". I would like to align the text as "left".





I assume both of these changes can be made in the stylesheet.css but I have no clue where.

Any help is appreciated. To view the site it is at: www.swiker.com/zen

Thank you,
Steve

[kobra]

includes/templates/your_template_folder/css/stylesheet.css find this and change the red highlighted value:

#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 100%;
	vertical-align: top;
	clear:both;
	}

Then find this and seperate out one to end up with

.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, .rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
	text-align: center;
	}

.productListing-data {
        text-align: left;
        }
.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, .rightBoxHeading, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
	text-align: center;
	}

[FatGuyinAZ]

Thank you Kobra! The stylesheets can be a little confusing for a beginner like myself. Both changes were made and now it's exactly as I want. I need to make some changes to some of the images that repeat now because of things expanding to 100% but that's easy enough.

You're the best!

Steve