Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Change Width of Template

Change Width of Template

Views: 695

Results 1 to 3 of 3
6 Jan 2011, 1:47 AM
#1
justspiffy avatar

justspiffy

New Zenner

Join Date:
Jan 2011
Posts:
2
Plugin Contributions:
0

Change Width of Template

Hey there,

I am using the Manshop template, which is a liquid site basically, and thats fine, but I need to change the width inner box that wraps the site. Basically, there is a left and right side bar and I need to move the left one more to the left and the right one more to the right to make the center main portion of the website bigger.

I checked the #MainWrapper and it is set to 100% because it is liquid site, so it is something else.

Here is the css

a img {border: none; }

a, #navEZPagesTOC ul li a {
        color: #BCBCBC;
        text-decoration:none;
        }
 
a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {

        }

h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
        
        }

.biggerText {

        }



CODE {
        font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; color:#BCBCBC;
        }

FORM, SELECT, INPUT {
       
        }
FORM	{margin:0px; padding:0px;}

TEXTAREA {
        margin: auto;
        display: block;
        width: 95%;
        }

input:focus, select:focus, textarea:focus {

        }

FIELDSET {
        padding: 0.5em;
        margin: 0.5em 0em;
		border:1px solid #505151;
        }

LEGEND {
        font-weight: bold;
        }

LABEL, h4.optionName {
        
        }

LABEL.checkboxLabel, LABEL.radioButtonLabel {
        }

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
        float: left;
        }

LABEL.inputLabel {
        width: 11em;
        float: left;
		margin-left:10px;
        }

LABEL.inputLabelPayment {
        width: 15em;
        float: left;
        }

LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel  {
        width: 12em;
        float: left;
        }

P, ADDRESS {
        padding: 0.5em;
        }

ADDRESS {
        font-style: normal;
        }

.clearBoth {
        clear: both; font-size:2px; line-height:2px;
        }

HR {
	color:#505151;
	border:0; border-top:1px solid #505151;
	margin:5px 0px;
}

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
        line-min-height: 1.8em;
        padding: 0.2em;
        
        }

.messageStackWarning, .messageStackError {
        color:#FF0000; 
        }

.messageStackSuccess {
        background-color: #F1F6E6;
        color: #BCBCBC;
        }

.messageStackCaution {
        background-color: #FFFF66;
        color: #BCBCBC;
        }

/*wrappers - page or section containers*/
#mainWrapper {
        text-align: left;
        width: 100%;
        vertical-align: top;
        }


#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
        }

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
       
        } 

#tagline {
        color: #BCBCBC; margin-top:10px;
        font-size: 12px;
        text-align : center;
        vertical-align: middle;
        }

#sendSpendWrapper {
        border: 1px solid #cacaca;
        float: right;
        margin: 0em 0em 1em 1em;
        }

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
        margin: 0;
		color: #BCBCBC;
        }
.floatingBox a {color: #BCBCBC;}
#productDetailsList li a{ color: #BCBCBC;}
#productDetailsList li { color: #BCBCBC;}
.wrapperAttribsOptions { display:block;
        margin: 0.3em 0em;
        }

/*navigation*/
#sorter {margin:10px;}
.navSplitPagesResult { margin-left:10px; margin-right:10px;}
.navSplitPagesLinks { margin-top:5px; margin-bottom:5px; margin-left:10px; margin-right:10px;}
.navNextPrevCounter {
        margin: 0em;
        font-size: 0.9em;
        }
.navNextPrevList {
        display: inline;
        white-space: nowrap;
        margin:0px 2px 3px 0px;
        list-style-type: none;
        }
.navNextPrevWrapper{
		margin-bottom:2px;
		}

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
       
        }

#navMain ul, #navSupp ul, #navCatTabs ul  {
        margin: 0;
        padding:  0.5em 0em;
        list-style-type: none;
        text-align: center;
        line-min-height: 1.5em;
        }

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
       
        }

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
      
        }

#navEZPagesTOCWrapper {
        font-weight: bold; float:inherit;
        
        min-height: 1%;
		
		padding:0.5em;
		
		margin:5px 0px;
		
		
        border: 1px solid #505151;
        }

#navEZPagesTOC ul {
        margin: 0;
        padding:  0.5em 0em;
        list-style-type: none;
        line-min-height: 1.5em;
        }

#navEZPagesTOC ul li {
        white-space: nowrap;
        }

#navEZPagesTOC ul li a {
        padding: 0em 0.5em;
        margin: 0;
        }

#navMainSearch, #navCategoryIcon {
        margin:5px 5px 0 0px;
        }



#navEZPagesTop {
        
        }


/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
        vertical-align: top;
        }

/*.content,*/ #productDescription, .shippingEstimatorWrapper {
        /*font-size: 1.2em;*/
        /*padding: 0.5em;*/
        }
.content	{
		margin:0;
		}

.alert {
        color: #FF0000;
        margin-left: 0.5em;
		margin-right:5px;
        }
.advisory {}
.important {
        font-weight: bold;
		margin:5px;
        }
.notice {}
.rating{}
.gvBal {
        float: right;
        }
#bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
        padding: 0.8em;
        }

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
        font-size: 0.9em;
        }

/*Shopping Cart Display*/

.tableHeading TH {

        }

.tableHeading, #cartSubTotal { 
      
	  }


.tableRow, .tableHeading, #cartSubTotal {
        min-height: 2.2em;
        }

.cartUnitDisplay, .cartTotalDisplay {
        text-align: right;
        padding-right: 0.2em;
        }

#scUpdateQuantity {
        width: 2em;
        }

.cartQuantity {
        width: 4.7em;
        }

.cartNewItem {
        color: #BCBCBC;
        position: relative;  /*do not remove-fixes stupid IEbug*/
        }

.cartOldItem {
        /*do not remove-fixes stupid IEbug*/
        }

.cartBoxTotal {
        text-align: right;
        font-weight: bold;
        }

.cartRemoveItemDisplay {
        width: 3.5em;
        }

#cartAttribsList {
        margin-left: 1em;
        }

#mediaManager {
width: 50%; 
margin: 0.2em;
padding: 0.5em;
}


#cartBoxListWrapper ul, #ezPageBoxList ul {
        list-style-type: none;
        }

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
        margin: 0;
        padding: 0.2em 0em;
        } 

.totalBox {
        width: 5.5em;
        text-align: right;
        padding: 0.2em;
        }

.lineTitle, .amount {
        text-align: right;
        padding: 0.2em;
        }

.amount {
        width: 5.5em;
        }

/*Image Display*/


.categoryIcon {}
#cartImage {
        margin: 0.5em 1em;
        }

/*Attributes*/
.attribImg {
        width: 20%;
        margin: 0.3em 0em;
}

.attributesComments {}

/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {

        }

/*sideboxes*/
.columnLeft {}
.columnRight {}






.sideBoxContent {
        }



.rightBoxHeading {
        margin: 0em;
        background-color: #663366;
        padding: 0.2em 0em;
        }

h3.leftBoxHeading a:hover {
        color: #FFFF33;
        text-decoration: none;
        } 

h3.rightBoxHeading a:hover {
        color: #FF0000;
        text-decoration: none;
        }

.rightBoxContent {
        margin-bottom: 1em;
        }

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

       width:auto;
        }
.categoryListBoxContents a {text-decoration:none; color:#FFFFFF; text-transform:uppercase; text-align:center;}

.cartTotalsDisplay{
 font-size: 10px;
}


#bannerboxHeading {
        background-color: #0000CC;
}

#upProductsHeading {
        text-align: left;
        }

#upDateHeading {
        text-align: right;
        }

/*misc*/
.back {
        float: left;
        }

.forward {
        float: right;
        }

.bold {
        font-weight: bold;
        }

.rowOdd {
        
        min-height: 1.5em;
        vertical-align: top;
        }

.rowEven { padding:5px 5px 5px 5px;
        
        min-height: 1.5em;
        vertical-align: top;
        }

CAPTION {
        /*display: none;*/
        }

#myAccountGen li, #myAccountNotify li {
        margin: 0;
        } 

.accountTotalDisplay, .accountTaxDisplay {
        width: 20%;
        text-align: right;
        /*vertical-align: top*/
        }

.accountQuantityDisplay {
        width: 10%;
        vertical-align: top
        }

TR.tableHeading {
        min-height: 2em;
        }

#siteMapList {
        width: 90%;
        float: right;
        }

.ratingRow {
        margin: 1em 0em 1.5em 0em;
        }

LABEL#textAreaReviews {
        font-weight: normal;
        }


/*!!!!!!!!!*/
#gvFaqDefaultMainContent{margin:10px 15px 0 15px;}
#gvFaqDefaultContent{margin:0 5px 0 5px;}
#reviewsDefaultNoReviews{margin:0 5px 5px 5px;}
#createAcctSuccessMainContent{ margin:5px;}

.main_block {margin:20px;}

.ee	{text-decoration:line-through;}






/*  --------------- PRICES ---------------  */

.normalprice, .productSpecialPriceSale {
        
}
		
.normalprice {
	color:#00C3FB; font-size:13px; line-height:normal; font-weight:bold; text-decoration:line-through; line-height:1.51em;
}

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale {
 	color:#00C3FB; font-size:13px; line-height:normal; font-weight:bold;
}

.productSpecialPriceSale {
	text-decoration:line-through;
}
		
.productPriceDiscount {display:none;}




/*  --------------- BUTTONS ---------------  */

.buttonRow, .buttonRow2 {padding:7px 0px; margin:0;}
.buttonRow input, .buttonRow2 input, .buttonRow3 input {border:none; padding:0; background:none;}
6 Jan 2011, 11:18 AM
#3
stevesh avatar

stevesh

Black Belt

Join Date:
Feb 2005
Location:
Lansing, Michigan USA
Posts:
19,793
Plugin Contributions:
2

Re: Change Width of Template

That template (also known as 'old 12541') is notoriously hard to modify, especially in the area you're looking at.

It can probably be done, but there isn't anything that template does that can't be done by cloning the Classic template and doing your own styling.

Template Monster templates are OK, as long as you want your site to look and work exactly as TM wants it to. Modifications to their templates can range from difficult to impossible.