CSS problems with zen template

[jonbcheshire]

www.wholesale-fragrances.co.uk


I was given a snippet as the template i bought, the home page doesn't flow with other pages on the site. If i change the font size for the categories box the rest of the pages within the site flow with each other but not the homepage, i.e. if i shrink the categories box text on the homepage the rest of the pages within the site shrink further still.

The New products box label text on the homepage is to big, the information box text and categories box text i cant get every page in the site to flow.


here is my css

body { margin: 0; padding: 0; font-family: verdana, arial, helvetica, sans-serif; font-size: 62.5%; }
a img {border: none; }
a:link, a:visited, #navEZPagesTOC ul li a { text-decoration: none;}
h1 { font-size: 1.3em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.1em; }
h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{ font-size: 0.9em; }
.productName, #productListHeading { font-size: 12px; text-align: left; font-weight: bold; font-variant: small-caps; font-variant: small-caps; padding: 3px;}
.biggerText { font-size: 1.0em; }
h1, h2, h3, h4, h5, h6 { margin: 0.2em; }
CODE { font-family: arial, verdana, helvetica, sans-serif; font-size: 1em; }
FORM, SELECT, INPUT { display: inline; font-size: 1em; margin: 0.1em; }
TEXTAREA { float: left; margin: auto; display: block; width: 95%; }
FIELDSET { padding: 0.5em; margin: 0.5em 0em; }
LEGEND { font-weight: bold; padding: 0.3em; }
LABEL, h4.optionName { line-height: 1.5em; padding: 0.2em; }
LABEL.checkboxLabel, LABEL.radioButtonLabel { margin: 0.5em 0.3em; }
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg { float: left; }
.centerBoxContentsNew, .categoryListBoxContents { padding: 10px 0;}
LABEL.inputLabel { width: 11em; float: left; }
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; }
HR { height: 1px; margin-top: 0.5em; border: none; }
/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution { line-height: 1.8em; padding: 0.2em; }
/*wrappers - page or section containers*/
#mainWrapper { text-align: left; vertical-align: top;}
#headerWrapper, /*#contentMainWrapper,*/ #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage { margin: 0em; padding: 0em; }
#tagline { font-size: 2em; text-align : center; vertical-align: middle; }
#sendSpendWrapper { float: right; margin: 0em 0em 1em 1em; }
.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper { margin: 0; width: 47%; }
.wrapperAttribsOptions { margin: 0.3em 0em; }
/*navigation*/
.navSplitPagesResult {}
.navSplitPagesLinks {}
.navNextPrevCounter { margin: 0em; font-size: 0.9em; }
.navNextPrevList { display: inline; white-space: nowrap; margin: 0; padding: 0.5em 0em; list-style-type: none; }
#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper { margin: 0em; font-weight: bold; height: 1%; width: 100%; }
#navMain ul { margin: 0 0 0 25px; padding: 8px 0em; list-style-type: none; text-align: center; line-height: 1.5em; font-weight: bold; font-size: 1.1em; text-transform: uppercase; }
#navSupp ul, #navCatTabs ul { margin: 0; padding: .5em 0em; list-style-type: none; text-align: center; line-height: 1.5em; font-weight: bold; }
#navMain ul li, #navSupp ul li, #navCatTabs ul li { display: inline; white-space: nowrap; }
#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a { text-decoration: none; padding: 0em 0.5em; margin: 0; color: #000; }
#navEZPagesTOCWrapper { font-weight: bold; float: right; height: 1%; }
#navEZPagesTOC ul { margin: 0; padding: 0.5em 0em; list-style-type: none; line-height: 1.5em; }
#navEZPagesTOC ul li { white-space: nowrap; }
#navEZPagesTOC ul li a { padding: 0em 0.5em; margin: 0; }
#navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription { margin: 0.5em; }
#navBreadCrumb, #navEZPagesTop { font-size: 1.1em; font-weight: bold; margin: 0 0 0.5em 0; padding: 0.5em; }
/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert { vertical-align: top; }
#productDescription, .shippingEstimatorWrapper { font-size: 1.1em; padding: 0.5em; }
.alert { margin-left: 0.5em; }
.advisory {}
.important { font-weight: bold; }
.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*/
#cartAdd { float: right; text-align: center; padding: 1em; font-weight: bold; }
#cartSubTotal { font-weight: bold; text-align: right; line-height: 2.2em; padding-right: 2.5em; }
.tableRow, .tableHeading, #cartSubTotal { height: 2.2em; }
.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay { padding: 0.5em 0em; font-size: 1.1em;}
.cartUnitDisplay, .cartTotalDisplay { text-align: right; padding-right: 0.2em; }
#scUpdateQuantity { width: 2em; }
.cartQuantity { width: 4.7em; }
.cartNewItem { position: relative; /*do not remove-fixes stupid IEbug*/ }
.cartOldItem { position: relative; /*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;}
.normalprice, .productSpecialPriceSale { text-decoration: line-through; }
#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*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage { margin: 0em 1em 1em 0em;}
.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 { margin: 1em 0em; }
.category-top {
font-family: arial;
font-size: 0.9em;
font-weight: normal;
}
/*sideboxes*/
.columnLeft {}
h3.leftBoxHeading, h3.leftBoxHeading a { font-size: 0.9em; margin: 0; }
.leftBoxHeading { background-image: url(../images/menu2top.gif); background-repeat: no-repeat; height: 38px; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; font-weight: bold; padding-top: 9px; padding-left: 55px; }
.centerBoxHeading { margin: 0em; padding: 0.5em 0.2em; }
#contentMainWrapper { clear: both; }
.leftBoxContainer { width: 211px; margin: 0; padding: 0; }
.sideBoxContent { padding: 0 15px 15px 30px; background-image: url(../images/menu2bottom.gif); background-repeat: no-repeat; background-position: bottom; }
h3.rightBoxHeading, h3.rightBoxHeading a { font-size: 0.9em; }
.rightBoxHeading { margin: 0em; padding: 0.2em 0em; }
h3.leftBoxHeading a:hover { text-decoration: none; }
h3.rightBoxHeading a:hover { 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, .cartTotalsDisplay, #cartBoxGVBalance, .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; }
#bestsellers .wrapper { margin: 0em 0em 0em 1.5em; }
#bestsellers ol { padding: 0; margin-left: 1.1em; }
#bestsellers li { padding: 0; margin: 0.3em 0em 0.3em 0em; }
#upProductsHeading { text-align: left; }
#upDateHeading { text-align: right; }
/*misc*/
.back { float: left; }
.forward { float: right; }
.bold { font-weight: bold; }
.rowOdd { height: 1.5em; vertical-align: top; }
.rowEven { height: 1.5em; vertical-align: top; }
CAPTION { /*display: none;*/ }
#myAccountGen li, #myAccountNotify li { margin: 0; }
.accountTotalDisplay, .accountTaxDisplay { width: 20%; text-align: right; }
.accountQuantityDisplay { width: 10%; vertical-align: top }
TR.tableHeading { height: 2em; }
#siteMapList { width: 90%; float: right; }
.ratingRow { margin: 1em 0em 1.5em 0em; }
LABEL#textAreaReviews { font-weight: normal; margin: 1em 0em; }
.productListing-odd, .productListing-even, .productListing-rowheading, .productListing-data { margin-bottom: 0.5em; border-bottom: 1px solid #B2B6B9; padding: 1em; font-size: 0.95em; text-align: left; }
.productListing-odd, .productListing-even { font-size: 1.1em; }
.productListing-rowheading { background-color: #B2B6B9; }
#productsListingListingTopLinks { font-size: 1.2em; padding-bottom: 1em; }

[jonbcheshire]

ive had to reload the original css which was provided by my template provider which has switched it back to how it looked originally, if anyone gets chance, see how the homepage boxes compare to on the rest of the site??

[jonbcheshire]

can anyone help? im really struggling surely it must be a problem with a template file somewhere as the effects arent on all pages just the homepage so doesn't that rule out the stylesheet?

[Lchad]

So you are saying that your h3 text looks larger on the homepage than the rest of the pages???

[jonbcheshire]

yes its very odd

take a look, if you follow one of the new products links on the homepage you will see the rest of the site shows the preferred look whereas the homepage is a different font and larger text


www.wholesale-fragrances.co.uk

[Lchad]

Gee... I can't find anything...
I've been looking for about 20 minutes...

Have you tried validating to see if it finds anything?

[jonbcheshire]

http://validator.w3.org/check?uri=ww...agrances.co.uk

i got 7 errors

Warning Line 6 column 172: character "&" is the first character of a delimiter but occurred as data.
...ristian Dior Clinique Davidoff Dolce & Gabbana Dkny Dupont Elizabeth Arden El

[Lchad]

Try to fix those and see what happens.

[Ryan Fait]

If you format your CSS so it's easy to read, and post a link to it so I can play with the code, I'll take a look. That huge block of disorganized CSS is putting me off :/

[jonbcheshire]

please see attached many thanks