Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Changing the width of the shop

Changing the width of the shop

Views: 998

Results 1 to 8 of 8
17 Mar 2011, 8:55 PM
#1
willie_bee avatar

willie_bee

Zen Follower

Join Date:
Mar 2011
Posts:
386
Plugin Contributions:
0

Changing the width of the shop

I tried reading the documentation of the css but it was outdated and did not match.

Anyways I have been using oscommerce since 2004 and find zen cart MUCH better and am going to try and change our current oscommerce to match zen cart.

in oscommerce we used the mod centershop to change the width of the shop to 1280 pixels.

i cannot find coding in the css template for the default template.

can someone help please?

17 Mar 2011, 9:33 PM
#2
toniscraparoni avatar

toniscraparoni

Zen Follower

Join Date:
Apr 2009
Posts:
158
Plugin Contributions:
0

Re: Changing the width of the shop

Wrappers are what you want.

Try these, from your main style sheet:

#headerWrapper
#logoWrapper
#contentMainWrapper
#navCatTabsWrapper
#navSuppWrapper
#footerWrapper

HTH!

17 Mar 2011, 10:43 PM
#3
willie_bee avatar

willie_bee

Zen Follower

Join Date:
Mar 2011
Posts:
386
Plugin Contributions:
0

Re: Changing the width of the shop

ToniScraparoni:

Wrappers are what you want.

Try these, from your main style sheet:

#headerWrapper
#logoWrapper
#contentMainWrapper
#navCatTabsWrapper
#navSuppWrapper
#footerWrapper

HTH!

That does not seem to be it as they are just titles in the css. Nothing to change there.

17 Mar 2011, 11:02 PM
#4
toniscraparoni avatar

toniscraparoni

Zen Follower

Join Date:
Apr 2009
Posts:
158
Plugin Contributions:
0

Re: Changing the width of the shop

Those are the IDs you'll need to change the width. Maybe your style sheet was munched upon download/upload? Try downloading a fresh copy of Zen and grabbing it from there. At least you'll know what you're looking for. :)

17 Mar 2011, 11:43 PM
#5
willie_bee avatar

willie_bee

Zen Follower

Join Date:
Mar 2011
Posts:
386
Plugin Contributions:
0

Re: Changing the width of the shop

This is what I get when I do a search for them in the sheet

/includes/templates/template_default/css/stylesheet.css

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
}

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
}

.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;
}

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
margin: 0em;
background-color: #9a9a9a;
font-weight: bold;
color: #ffffff;
height: 1%;
width: 100%;
}

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
margin: 0em;
background-color: #9a9a9a;
font-weight: bold;
color: #ffffff;
height: 1%;
width: 100%;
}

footerWrapper IS NOT FOUND.

18 Mar 2011, 1:25 AM
#6
clydejones avatar

clydejones

Deceased

Join Date:
Nov 2005
Location:
Colorado Springs, CO USA
Posts:
7,017
Plugin Contributions:
12

Re: Changing the width of the shop

willie bee:

I tried reading the documentation of the css but it was outdated and did not match.

Anyways I have been using oscommerce since 2004 and find zen cart MUCH better and am going to try and change our current oscommerce to match zen cart.

in oscommerce we used the mod centershop to change the width of the shop to 1280 pixels.

i cannot find coding in the css template for the default template.

can someone help please?

open the stylesheet you are using and find the following declaration. change the width to 1280px

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

18 Mar 2011, 5:37 AM
#7
willie_bee avatar

willie_bee

Zen Follower

Join Date:
Mar 2011
Posts:
386
Plugin Contributions:
0

Re: Changing the width of the shop

clydejones:

open the stylesheet you are using and find the following declaration. change the width to 1280px

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

Nice and you're in CO!

21 Mar 2011, 12:50 AM
#8
willie_bee avatar

willie_bee

Zen Follower

Join Date:
Mar 2011
Posts:
386
Plugin Contributions:
0

Re: Changing the width of the shop

This issue was solved. Thank you.