Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Looking for a clean template

Looking for a clean template

Locked

Views: 3,410

Results 1 to 20 of 28
This thread is locked. New replies are disabled.
17 Jul 2008, 12:50 AM
#1
amallais avatar

amallais

New Zenner

Join Date:
Apr 2008
Posts:
19
Plugin Contributions:
0

Looking for a clean template

I've searched the templates over and over and can't quite find the style I'm looking for. The biggest thing I'd like is for the Categories section to be neet and tidy with only the category names, no dashes or counts. A clean bulleted list would be the best. Also, a nice soft frame around each 'section' to distinguish it apart from the rest of the page. Oh, and a nice big header / logo section too.

Is there a template out there that I'm overlooking???

ETA: Here's something similar to what I'm aiming for...
http://www.templatemonster.com/zen-cart-templates/20197.html

(Sorry, I know template monster is a no-no, that's why I'm asking here!! LOL!)

Thank you!
Amy
https://www.fashionbabes.ca

17 Jul 2008, 2:17 AM
#2
fairestcape avatar

fairestcape

Totally Zenned

Join Date:
Mar 2008
Location:
Cape Town & London (depends on the season)
Posts:
2,957
Plugin Contributions:
0

Re: Looking for a clean template

Hello Amy

As you know, most of what you want is achieved through the stylesheet.

I would advise against a "nice big header" - this usually requires customers to SCROLL DOWN before they see a proper display of your products. This becomes very annoying - every time a new page loads, they have to scroll before they can see what they came there for!

All successful commercial sites keep company branding to a minimum - a SMALL logo in the header, commonly no deeper than 50 pixels.

This is to ensure that the PRODUCTS enjoy as much space on the screen as possible.

Afterall, that's why potential customers are there - to see PRODUCTS - not to gloat and coo over your massive company logo (only you will do that, no-one else cares a hoot!)

I would also narrow the width down to about 800px wide. Full screen looks amateurish, and besides many people still have screen resolutions at 800px wide.

17 Jul 2008, 2:26 AM
#3
fairestcape avatar

fairestcape

Totally Zenned

Join Date:
Mar 2008
Location:
Cape Town & London (depends on the season)
Posts:
2,957
Plugin Contributions:
0

Re: Looking for a clean template

Here's a stylesheet you may like to try. Make and store a copy of YOUR stylesheet on your home computer, then apply this one. (If you like it, keep it, and of course, you can edit it any way you want.)

The main wrapper is 800px wide and the logowrapper is 65px deep (So any logo you put in should be 800 X 65).

Simply copy the contents of the box below, into a PLAIN TEXT EDITOR such as notepad++ or Crimson Editor, then save it as stylesheet.css . Then FTP to your template's css folder. (NB: As stated, Make an off-line backup of your stylesheet - as they now have the same names!)

/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet.css 5349 2006-12-22 20:34:40Z birdbrain $
 */

body {
	/*background-image: url(../images/shadowback.jpg);
	background-repeat: repeat-y;*/
	background-position:center;
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	color: #383838;
	}

a img {border: none; }

a:link, #navEZPagesTOC ul li a {
	/*color: #3300FF;*/
	color: #8A0254;
	text-decoration: none;
	}
 
a:visited {
	/*color: #3300FF;*/
	color: #4d011d;
	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 {
	color: #3093df;
	}

a:active {
	color: #0000FF;
	}

h1 {
	font-size: 1.5em;
	color: #9a9a9a;
	}

h2 {
	font-size: 1.4em;
	}

h3 {
	font-size: 1.3em;
	}

h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .sideBoxContentCart,.larger{
	font-size: 1.1em;
	}

.biggerText {
	font-size: 1.2em;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 0.3em 0;
	}

/*  Might uncomment either or both of these if having problems with IE peekaboo bug:
h1, h2, h3, h4, h5, h6, p {
	position: relative;
	}
*html .centerColumn {
	height: 1%;
	}
*/

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

input:focus, select:focus, textarea:focus {
	background: #E4FEF5;
	}

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

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

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

LABEL.inputLabel {
	width: 9em;
	float: left;
	}

LABEL.inputLabelPayment {
	width: 14em;
	float: left;
	padding-left: 2.5em;
	}

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

#checkoutPayment LABEL.radioButtonLabel {
	font-weight: bold;
	}

P, ADDRESS {
	padding: 0.5em;
	}

ADDRESS {
	font-style: normal;
	}

.clearBoth {
	clear: both;
	}

HR {
	height: 1px;
	margin-top: 0.5em;
	border: none;
	border-bottom: 1px solid #9a9a9a;
	}

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height: 1.8em;
	padding: 0.2em;
	border: 1px solid #9a9a9a;
	}

.messageStackWarning, .messageStackError {
	background-color: #ff0000;
	color: #ffffff;
	}

.messageStackSuccess {
	background-color: #99FF99;
	color: #000000;
	}

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

/*wrappers - page or section containers*/
#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 800px;
	vertical-align: top;
	border: 1px solid #9a9a9a;
	}

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

#logoWrapper{
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
	background-color: #ffffff;
	height:65px;
	}

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
	margin: auto;
	} 
#navColumnOneWrapper, #navColumnTwoWrapper {
	margin-left: 0.5em;
	margin-right: 0.5em;
	}
	
#tagline {
	color:#000000;
	font-size: 2em;
	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;
	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;
	background-color: #abbbd3;
	background-image: url(../images/tile_back.gif);
	padding: 0.5em 0.2em;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	}*/
	
#navSuppWrapper, #navCatTabsWrapper {
	margin-left: 0em;
	margin-top: 0.5em;
	background-color: #ffffff;
	background-image: url(../images/tile_back.gif);
	padding: 0.1em 0.1em;
	font-weight: bold;
	color: #ffffff;
	height: 2.1em;
	}
	
#navMainWrapper {
	margin-left: 0em;
	margin-top: 0em;
	background-color: #ffffff;
	background-image: url(../images/tile_back.gif);
	padding: 0.1em 0.1em;
	font-weight: bold;
	color: #ffffff;
	height: 2.1em;
	}

#navCatTabsWrapper {
	background-color: #ffffff;
	color: #9a9a9a;
	background-image:none;
}

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

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
	display: inline;
	}

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
	text-decoration: none;
	padding: 0em 0.5em;
	margin: 0;
	color: #ffffff;
	white-space: nowrap;
	}

#navCatTabs ul li a {
	color: #9a9a9a;
	}

#navEZPagesTOCWrapper {
	font-weight: bold;
	float: right;
	height: 1%;
	border: 1px solid #9a9a9a;
	}

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

#navCategoryIcon, .buttonRow, #indexProductListCatDescription {
	margin: 0.5em;
	}

#navMainSearch {
	float: right;
	}

#navBreadCrumb {
	padding: 0.5em 0.5em;
	background-color: #ffffff;
	font-size: 0.8em;
	font-weight: normal;
	margin: 0em;
	}

#navEZPagesTop {
    text-align: center;
	/*background-color: #abbbd3;
	background-image: url(../images/tile_back.gif);*/
	background-color: #ffffff;
	background-image: url(../images/ez-back.jpg);
	font-size: 0.9em;
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 0.5em;
	padding: 0.5em;
	}

#navEZPagesTop a {
        color: #ffffff;
}

#navEZPagesTop a:hover {
        color: #3093DF;
}

#navColumnOne, #navColumnTwo {
	background-color: transparent;
	}

/*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;
	}

.alert {
	color: #FF0000;
	margin-left: 0.5em;
	}
.advisory {}
.important {
	font-weight: bold;
	}

.notice {}
.rating{}
.gvBal {
	float: right;
	}
.centerColumn, #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;
	margin: 1em;
	border: 1px solid #000000;
	padding: 1em;
	}*/
	
#cartAdd {
	float: right;
	text-align: center;
	margin: 1em;
	border: 2px dotted #BEC7DE;
	background-color: #E8EBF3;
	padding: 1em;
	}

.tableHeading TH {
	border-bottom: 1px solid #9a9a9a;
	}

.tableHeading, #cartSubTotal {
	background-color: #e9e9e9;
	 }

#cartSubTotal {
	border-top: 1px solid #cccccc;
	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;
	}

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

#scUpdateQuantity {
	width: 2em;
	}

.cartQuantity {
	width: 4.7em;
	}

.cartNewItem {
	color: #33CC33;
	font-size: 70%;
	position: relative;  /*do not remove-fixes stupid IEbug*/
	}

.cartOldItem {
	color: #660099;
	font-size: 70%;
	position: relative;  /*do not remove-fixes stupid IEbug*/
	}

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

.cartRemoveItemDisplay {
	width: 3.5em;
	}

.cartAttribsList {
	margin-left: 1em;
	}

#mediaManager {
	width: 50%; 
	margin: 0.2em;
	padding: 0.5em;
	background-color: #E4FEf5;
	border: 1px solid #003D00;
	}

.normalprice, .productSpecialPriceSale {
	text-decoration: line-through;
	}

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
	color: #ff0000;
	}

.orderHistList {
	margin: 1em;
	padding: 0.2em 0em;
	list-style-type: none;
	} 

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

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

#cartBoxEmpty, #cartBoxVoucherBalance {
	font-weight: bold;
	}
	
#shoppingcartHeading {
	background-image: url(../images/cart-heading.jpg);
	}

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

.centerBoxWrapper {
	border: 1px solid #9a9a9a;
	height: 1%;
	margin: 1.1em 0;
	}

h2.centerBoxHeading {
	font-size: 1.3em;
	color: #ffffff;
	}

/*sideboxes*/
.columnLeft {}

h3.leftBoxHeading, h3.rightBoxHeading {
	font-size: 1em;
	color: #ffffff;
	}
h3.leftBoxHeading a, h3.rightBoxHeading a {
	font-size: 1em;
	color: #FFFFFF;
	}

#manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeading {
	font-size: 0.9em;
	color: #ffffff;
}

.centerBoxHeading, .rightBoxHeading {
	margin: 0em;
	background-color: #cccccc;
	padding: 0.5em 0.2em;
	}
	
.leftBoxHeading {
	margin: 0em;
	background-color: #cccccc;
	padding: 0.5em 0.2em;
	}

.leftBoxContainer, .rightBoxContainer {
	margin: 0em;
	margin-top: 1.5em;
	}

.sideBoxContent {
	border-top: none;
	border-left: 1px dotted #9a9a9a;
	border-right: 1px dotted #9a9a9a;
	border-bottom: 1px dotted #9a9a9a;
	background-color: #ffffff;
	padding: 0.4em;
	}
	
.sideBoxContentCart {
	border-top: none;
	border-left: none;
	border-right: 1px dotted #9a9a9a;
	border-bottom: 1px dotted #9a9a9a;
	background-color: #E8EBF3;
	padding: 0.4em;
	}

h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover {
	color: #3093DF;
	text-decoration: none;
	} 

.rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited {
	color: FFFFFF;
	}

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

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

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

#upProductsHeading {
	text-align: left;
	}

#upDateHeading {
	text-align: right;
	}

#godaddyHeading {
	display: none;
	}

/* categories box parent and child categories */
A.category-top, A.category-top:visited {
	color: #8A0254;
	font-size: 0.9em;
	text-decoration: none;	
	}

A.category-top:hover {
	color: #3093df;
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: none;
	}
	
A.category-links, A.category-links:visited {
	color: #8A0254;
	font-size: 0.9em;
	text-decoration: none;
	}

A.category-links:hover {
	color: #3093df;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	}

A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {
	color: #3093df;
	font-size: 0.9em;
	text-decoration: none;
	}
	
A.category-products:hover {
	font-weight: bold;
	}

SPAN.category-subs-parent {
	font-weight: bold;
	}
SPAN.category-subs-selected {
	font-weight: bold;
	}
/* end categories box links */

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

.forward, #shoppingCartDefault #PPECbutton {
	float: right;
	}

.bold {
	font-weight: bold;
	}

.rowOdd {
	background-color: #E8E8E8;
	height: 1.5em;
	vertical-align: top;
	}

.rowEven {
	background-color: #F0F0F0;
	height: 1.5em;
	vertical-align: top;
	}

.hiddenField {
	display: none;
}
.visibleField {
	display: inline;
}

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 {
	background-color: #cacaca;
	height: 2em;
	}

.productListing-rowheading {
	background-color: #abbbd3;
	background-image: url(../images/tile_back.gif);
	height: 2em;
	color: #FFFFFF;
	}

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

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

LABEL#textAreaReviews {
	font-weight: normal;
	margin: 1em 0em;
	}

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
	background-color: #ffffff;
	}

/*from stylesheet original*/

.productListing-heading {
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
  padding: 3px;
  height: 20px;
}

.productListing-heading a {
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
  padding: 3px;
  height: 20px;
}

.productListing-heading a:hover {
  font-size: 10px;
  font-weight: bold;
  color: #3093df;
  padding: 3px;
  height: 20px;
}

TD.productListing-heading{
  background-color: #abbbd3;
  background-image: url(../images/tile_back.jpg);
}

TD.productlisting {
  border:1px solid #9a9a9a;
}

TD.productListing-data {
  font-size: 10px;
  padding: 5px;
}

TR.productListing-odd, TR.upcomingProducts-odd {
  background: #E3E3E3;
}

TR.productListing-even, TR.upcomingProducts-even, .productsNotifications {
  background: #EDEDED;
}

TD.productListing-data-description-odd {
  background: #ffffff;
  font-size: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 12px;
  border-bottom: 1px solid #DEDBCB;
}

TD.productListing-data-description-even {
  background: #C9F1CF;
  font-size: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 12px;
  border-bottom: 1px solid #DEDBCB;
}
17 Jul 2008, 2:29 AM
#4
fairestcape avatar

fairestcape

Totally Zenned

Join Date:
Mar 2008
Location:
Cape Town & London (depends on the season)
Posts:
2,957
Plugin Contributions:
0

Re: Looking for a clean template

amallais:

The biggest thing I'd like is for the Categories section to be neet and tidy with only the category names, no dashes or counts.

These are switched off in the ADMIN CONSOLE

17 Jul 2008, 2:43 AM
#5
fairestcape avatar

fairestcape

Totally Zenned

Join Date:
Mar 2008
Location:
Cape Town & London (depends on the season)
Posts:
2,957
Plugin Contributions:
0

Re: Looking for a clean template

OOPS :oops:

One small thing...

In the stylesheet above, the #navMainWrapper will not display (That's the TOP-MOST navigation where HOME and LOGIN appears.

In that stylesheet, around line 274, find the code:-

#navMainWrapper {
	margin-left: 0em;
	margin-top: 0em;
	background-color: #ffffff;
	background-image: url(../images/tile_back.gif);
	padding: 0.1em 0.1em;
	font-weight: bold;
	color: #ffffff;
	height: 2.1em;
	}

... and REPLACE it with this code

#navMainWrapper {
	margin: 0em;
	background-color: #cccccc;
	padding: 0.1em 0.2em;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	}
17 Jul 2008, 11:42 AM
#6
amallais avatar

amallais

New Zenner

Join Date:
Apr 2008
Posts:
19
Plugin Contributions:
0

Re: Looking for a clean template

Thank you so much fairestcape!!! i'm going to play around with it today!!!
I really appreciate your input!

17 Jul 2008, 12:42 PM
#7
stevesh avatar

stevesh

Black Belt

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

Re: Looking for a clean template

fairestcape:

All successful commercial sites keep company branding to a minimum - a SMALL logo in the header, commonly no deeper than 50 pixels.

Amen. Check the major mass-market retailers (Walmart, Target, Meijer, Costco, etc.) - all have pretty tiny logos/headers.

(Although I guess it's fair to mention that their brands are already well established by other means.)

17 Jul 2008, 1:27 PM
#8
amallais avatar

amallais

New Zenner

Join Date:
Apr 2008
Posts:
19
Plugin Contributions:
0

Re: Looking for a clean template

Could one of you help me figure out where to change the Links for the Logo Image and the 'Home' text? I'd like them to take the customer back to my main page, not the store main page.

17 Jul 2008, 1:41 PM
#9
fairestcape avatar

fairestcape

Totally Zenned

Join Date:
Mar 2008
Location:
Cape Town & London (depends on the season)
Posts:
2,957
Plugin Contributions:
0

Re: Looking for a clean template

I see you got the logo in.

To get everything to fit properly now, go to your stylesheet.css and find

#logoWrapper{
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
	background-color: #ffffff;
	height:65px;
	}

Change the HEIGHT:-

#logoWrapper{
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
	background-color: #ffffff;
	height:130px;
	}

(Your image is not 65px high, but 130px high

Do this quick.... !

(Then we can help with other stuff...)

17 Jul 2008, 1:49 PM
#10
amallais avatar

amallais

New Zenner

Join Date:
Apr 2008
Posts:
19
Plugin Contributions:
0

Re: Looking for a clean template

Chop Chop...
Done!

LOL! Thanks!

17 Jul 2008, 2:00 PM
#11
fairestcape avatar

fairestcape

Totally Zenned

Join Date:
Mar 2008
Location:
Cape Town & London (depends on the season)
Posts:
2,957
Plugin Contributions:
0

Re: Looking for a clean template

Next thing... a RECOMMENDATION...

You are displaying the Categories-Tabs menu (the menu of categories under the header).

This is not necessary, as you have your categories in the sidebox. I suggest you DISABLE the Cat Tabs menu for the time being (as I am later going to suggest you use EZ_pages Header for other important links)

If you have BOTH header menus the page looks too busy and gets confusing...

SO:

Open your ZC Admin Panel

Go to: CONFIGURATION>>>LAYOUT SETTINGS>>>Categories-Tabs Menu ON/OFF (set to NO).

Quick Quick ... !

17 Jul 2008, 2:04 PM
#12
fairestcape avatar

fairestcape

Totally Zenned

Join Date:
Mar 2008
Location:
Cape Town & London (depends on the season)
Posts:
2,957
Plugin Contributions:
0

Re: Looking for a clean template

Now switch off the COUNTS in your categories sidebox.

They will slow your store down in time to come, and there's no purpose in having them...

ADMIN>>>MY STORE>>>

Show Category Counts (Set to false)
Show Category Counts - Admin (Set to false)

Chop-Chop !

17 Jul 2008, 4:41 PM
#13
amallais avatar

amallais

New Zenner

Join Date:
Apr 2008
Posts:
19
Plugin Contributions:
0

Re: Looking for a clean template

Sorry I had to go out for a bite to eat.
I'm back. I really appreciate this! I'm off to do the Category tabs...

17 Jul 2008, 4:44 PM
#14
amallais avatar

amallais

New Zenner

Join Date:
Apr 2008
Posts:
19
Plugin Contributions:
0

Re: Looking for a clean template

Oh, and another thing to add to my inquiry list...
How do you get rid of one of the Search Windows? I'd like to keep the one in the top header perhaps, get rid of the sidebar one?

17 Jul 2008, 5:16 PM
#15
stevesh avatar

stevesh

Black Belt

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

Re: Looking for a clean template

Both are removable in Admin - Tools - Layout Boxes Controller

If you haven't been there before, search the tutorials/FAQ for 'template' and create your own template before you go much further.

17 Jul 2008, 5:27 PM
#16
amallais avatar

amallais

New Zenner

Join Date:
Apr 2008
Posts:
19
Plugin Contributions:
0

Re: Looking for a clean template

Thank you! I found that search window. I didn't realize that the Header one was actually 2. I had to activate my Search side box, it wasn't activated.

17 Jul 2008, 6:05 PM
#17
fairestcape avatar

fairestcape

Totally Zenned

Join Date:
Mar 2008
Location:
Cape Town & London (depends on the season)
Posts:
2,957
Plugin Contributions:
0

Re: Looking for a clean template

Good progress so far. I see the search header has been de-activated and a sidebox is there - much better. It's cleaner and starting to be free of too much detail.

I've been in meetings this afternoon, so I'm going to have a look at some functional elements now and get back to you in about 20 minutes.

17 Jul 2008, 6:42 PM
#18
fairestcape avatar

fairestcape

Totally Zenned

Join Date:
Mar 2008
Location:
Cape Town & London (depends on the season)
Posts:
2,957
Plugin Contributions:
0

Re: Looking for a clean template

Amy

Save the current template as a backup, and then try this one in its place:--

/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2006 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet.css 5349 2006-12-22 20:34:40Z birdbrain $
 */

body {
	/*background-image: url(../images/shadowback.jpg);
	background-repeat: repeat-y;*/
	background-position:center;
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	color: #999999;
	}

a img {border: none; }

a:link, #navEZPagesTOC ul li a {
	/*color: #3300FF;*/
	color: #8A0254;
	text-decoration: none;
	}
 
a:visited {
	/*color: #3300FF;*/
	color: #4d011d;
	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 {
	color: #3093df;
	}

a:active {
	color: #0000FF;
	}

h1 {
	font-size: 1.5em;
	color: #9a9a9a;
	}

h2 {
	font-size: 1.4em;
	}

h3 {
	font-size: 1.3em;
	}

h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .sideBoxContentCart,.larger{
	font-size: 1.1em;
	}

.biggerText {
	font-size: 1.2em;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 0.3em 0;
	}

/*  Might uncomment either or both of these if having problems with IE peekaboo bug:
h1, h2, h3, h4, h5, h6, p {
	position: relative;
	}
*html .centerColumn {
	height: 1%;
	}
*/

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

input:focus, select:focus, textarea:focus {
	background: #E4FEF5;
	}

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

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

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

LABEL.inputLabel {
	width: 9em;
	float: left;
	}

LABEL.inputLabelPayment {
	width: 14em;
	float: left;
	padding-left: 2.5em;
	}

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

#checkoutPayment LABEL.radioButtonLabel {
	font-weight: bold;
	}

P, ADDRESS {
	padding: 0.5em;
	}

ADDRESS {
	font-style: normal;
	}

.clearBoth {
	clear: both;
	}

HR {
	height: 1px;
	margin-top: 0.5em;
	border: none;
	border-bottom: 1px solid #9a9a9a;
	}

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height: 1.8em;
	padding: 0.2em;
	border: 1px solid #9a9a9a;
	}

.messageStackWarning, .messageStackError {
	background-color: #ff0000;
	color: #ffffff;
	}

.messageStackSuccess {
	background-color: #99FF99;
	color: #000000;
	}

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

/*wrappers - page or section containers*/
#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 790px;
	vertical-align: top;
	border: 1px solid #9a9a9a;
	}

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

#logoWrapper{
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
	background-color: #ffffff;
	height:130px;
	}

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
	margin: auto;
	} 
#navColumnOneWrapper, #navColumnTwoWrapper {
	margin-left: 0.5em;
	margin-right: 0.5em;
	}
	
#tagline {
	color:#000000;
	font-size: 2em;
	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;
	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;
	background-color: #abbbd3;
	background-image: url(../images/tile_back.gif);
	padding: 0.5em 0.2em;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	}*/
	
#navSuppWrapper, #navCatTabsWrapper {
	margin-left: 0em;
	margin-top: 0.5em;
	background-color: #ffffff;
	background-image: url(../images/tile_back.gif);
	padding: 0.1em 0.1em;
	font-weight: bold;
	color: #ffffff;
	height: 2.1em;
	}
	
#navMainWrapper {
	margin: 0em;
	background-color: #a6dec1;
	padding: 0.1em 0.2em;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	}

#navCatTabsWrapper {
	background-color: #ffffff;
	color: #9a9a9a;
	background-image:none;
}

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

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
	display: inline;
	}

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
	text-decoration: none;
	padding: 0em 0.5em;
	margin: 0;
	color: #ffffff;
	white-space: nowrap;
	}

#navCatTabs ul li a {
	color: #9a9a9a;
	}

#navEZPagesTOCWrapper {
	font-weight: bold;
	float: right;
	height: 1%;
	border: 1px solid #9a9a9a;
	}

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

#navCategoryIcon, .buttonRow, #indexProductListCatDescription {
	margin: 0.5em;
	}

#navMainSearch {
	float: right;
	}

#navBreadCrumb {
	padding: 0.5em 0.5em;
	background-color: #ffffff;
	font-size: 0.8em;
	font-weight: normal;
	margin: 0em;
	}

#navEZPagesTop {
    text-align: center;
	/*background-color: #abbbd3;
	background-image: url(../images/tile_back.gif);*/
	background-color: #ffffff;
	background-image: url(../images/ez-back.jpg);
	font-size: 0.9em;
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 0.5em;
	padding: 0.5em;
	}

#navEZPagesTop a {
        color: #ffffff;
}

#navEZPagesTop a:hover {
        color: #3093DF;
}

#navColumnOne, #navColumnTwo {
	background-color: transparent;
	}

/*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;
	}

.alert {
	color: #FF0000;
	margin-left: 0.5em;
	}
.advisory {}
.important {
	font-weight: bold;
	}

.notice {}
.rating{}
.gvBal {
	float: right;
	}
.centerColumn, #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;
	margin: 1em;
	border: 1px solid #000000;
	padding: 1em;
	}*/
	
#cartAdd {
	float: right;
	text-align: center;
	margin: 1em;
	border: 2px dotted #BEC7DE;
	background-color: #E8EBF3;
	padding: 1em;
	}

.tableHeading TH {
	border-bottom: 1px solid #9a9a9a;
	}

.tableHeading, #cartSubTotal {
	background-color: #e9e9e9;
	 }

#cartSubTotal {
	border-top: 1px solid #cccccc;
	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;
	}

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

#scUpdateQuantity {
	width: 2em;
	}

.cartQuantity {
	width: 4.7em;
	}

.cartNewItem {
	color: #33CC33;
	font-size: 70%;
	position: relative;  /*do not remove-fixes stupid IEbug*/
	}

.cartOldItem {
	color: #660099;
	font-size: 70%;
	position: relative;  /*do not remove-fixes stupid IEbug*/
	}

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

.cartRemoveItemDisplay {
	width: 3.5em;
	}

.cartAttribsList {
	margin-left: 1em;
	}

#mediaManager {
	width: 50%; 
	margin: 0.2em;
	padding: 0.5em;
	background-color: #E4FEf5;
	border: 1px solid #003D00;
	}

.normalprice, .productSpecialPriceSale {
	text-decoration: line-through;
	}

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
	color: #ff0000;
	}

.orderHistList {
	margin: 1em;
	padding: 0.2em 0em;
	list-style-type: none;
	} 

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

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

#cartBoxEmpty, #cartBoxVoucherBalance {
	font-weight: bold;
	}
	
#shoppingcartHeading {
	background-image: url(../images/cart-heading.jpg);
	}

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

.centerBoxWrapper {
	border: 1px solid #9a9a9a;
	height: 1%;
	margin: 1.1em 0;
	}

h2.centerBoxHeading {
	font-size: 1.3em;
	color: #ffffff;
	}

/*sideboxes*/
.columnLeft {}

h3.leftBoxHeading, h3.rightBoxHeading {
	font-size: 1em;
	color: #ffffff;
	}
h3.leftBoxHeading a, h3.rightBoxHeading a {
	font-size: 1em;
	color: #FFFFFF;
	}

#manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeading {
	font-size: 0.9em;
	color: #ffffff;
}

.centerBoxHeading, .rightBoxHeading {
	margin: 0em;
	background-color: #fdc8c4;
	padding: 0.5em 0.2em;
	}
	
.leftBoxHeading {
	margin: 0em;
	background-color: #fdc8c4;
	padding: 0.5em 0.2em;
	}

.leftBoxContainer, .rightBoxContainer {
	margin: 0em;
	margin-top: 1.5em;
	}

.sideBoxContent {
	border-top: none;
	border-left: 1px dotted #9a9a9a;
	border-right: 1px dotted #9a9a9a;
	border-bottom: 1px dotted #9a9a9a;
	background-color: #ffffff;
	padding: 0.4em;
	}
	
.sideBoxContentCart {
	border-top: none;
	border-left: none;
	border-right: 1px dotted #9a9a9a;
	border-bottom: 1px dotted #9a9a9a;
	background-color: #E8EBF3;
	padding: 0.4em;
	}

h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover {
	color: #3093DF;
	text-decoration: none;
	} 

.rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited {
	color: FFFFFF;
	}

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

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

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

#upProductsHeading {
	text-align: left;
	}

#upDateHeading {
	text-align: right;
	}

#godaddyHeading {
	display: none;
	}

/* categories box parent and child categories */
A.category-top, A.category-top:visited {
	color: #8A0254;
	font-size: 0.9em;
	text-decoration: none;	
	}

A.category-top:hover {
	color: #3093df;
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: none;
	}
	
A.category-links, A.category-links:visited {
	color: #8A0254;
	font-size: 0.9em;
	text-decoration: none;
	}

A.category-links:hover {
	color: #3093df;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	}

A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {
	color: #3093df;
	font-size: 0.9em;
	text-decoration: none;
	}
	
A.category-products:hover {
	font-weight: bold;
	}

SPAN.category-subs-parent {
	font-weight: bold;
	}
SPAN.category-subs-selected {
	font-weight: bold;
	}
/* end categories box links */

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

.forward, #shoppingCartDefault #PPECbutton {
	float: right;
	}

.bold {
	font-weight: bold;
	}

.rowOdd {
	background-color: #E8E8E8;
	height: 1.5em;
	vertical-align: top;
	}

.rowEven {
	background-color: #F0F0F0;
	height: 1.5em;
	vertical-align: top;
	}

.hiddenField {
	display: none;
}
.visibleField {
	display: inline;
}

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 {
	background-color: #cacaca;
	height: 2em;
	}

.productListing-rowheading {
	background-color: #a6ded1;
	background-image: url(../images/tile_back.gif);
	height: 2em;
	color: #FFFFFF;
	}

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

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

LABEL#textAreaReviews {
	font-weight: normal;
	margin: 1em 0em;
	}

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
	background-color: #ffffff;
	}

/*from stylesheet original*/

.productListing-heading {
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
  padding: 3px;
  height: 20px;
}

.productListing-heading a {
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
  padding: 3px;
  height: 20px;
}

.productListing-heading a:hover {
  font-size: 10px;
  font-weight: bold;
  color: #3093df;
  padding: 3px;
  height: 20px;
}

TD.productListing-heading{
  background-color: #abbbd3;
  background-image: url(../images/tile_back.jpg);
}

TD.productlisting {
  border:1px solid #9a9a9a;
}

TD.productListing-data {
  font-size: 10px;
  padding: 5px;
}

TR.productListing-odd, TR.upcomingProducts-odd {
  background: #f3f3f3;
}

TR.productListing-even, TR.upcomingProducts-even, .productsNotifications {
  background: #f0f0f0;
}

TD.productListing-data-description-odd {
  background: #ffffff;
  font-size: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 12px;
  border-bottom: 1px solid #DEDBCB;
}

TD.productListing-data-description-even {
  background: #C9F1CF;
  font-size: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 12px;
  border-bottom: 1px solid #DEDBCB;
}
17 Jul 2008, 7:07 PM
#19
amallais avatar

amallais

New Zenner

Join Date:
Apr 2008
Posts:
19
Plugin Contributions:
0

Re: Looking for a clean template

THANK YOU! Great choice of colors! Do you think the side boxes would show up better with the blue instead of the pink though? The white text is kind of hard to see with the pink...

I've been looking for the spot to change whose sidebox colors and was having no luck!!
Do you think you can direct me to how to change the borders too?

I think I must be working off 2 stylesheets because even after I deleted the working one, the sidebox borders and green headers stayed??

My working css file is under a template folder named Wallet (I changed it from the wallet stylesheet).

17 Jul 2008, 7:14 PM
#20
amallais avatar

amallais

New Zenner

Join Date:
Apr 2008
Posts:
19
Plugin Contributions:
0

Re: Looking for a clean template

Better yet, can we make them the green like the header bar?

It just looks funny to see a little boys shirt with a pink border or girls dress with blue as the color around it.

You are so much help! THANKS!!