Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / center column clarification - please

center column clarification - please

Locked

Views: 3,284

Results 1 to 11 of 11
This thread is locked. New replies are disabled.
1 Nov 2006, 5:51 AM
#1
n6rej avatar

n6rej

New Zenner

Join Date:
Oct 2006
Location:
knoxville Iowa
Posts:
21
Plugin Contributions:
0

center column clarification - please

Would someone kindly take a look at my site http://www.treeturner.com
and let me know what it is that I'm doing wrong in causing the center to only have a background image at the top PART of the time. Like if you click on "wood" or "contact us" then no problem, you see the nice rosewood header just fine. But if your at "home" it doesn't show up.

Also I'm not at all sure about the font color selection. Especially in regards to links and visited links.

I would like to make it bigger by default. I'd like the center section to shrink and expand as the browser is resized.

Perhaps there is a document that will tell me where each "item" is on the page? and then where I can find that same item in the .css?

Thanks in advance.:blink:

1 Nov 2006, 6:04 AM
#2
clydejones avatar

clydejones

Deceased

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

Re: center column clarification - please

from what I can tell, it appears that you have turned off the breadcrumb(s) on your home page.

1 Nov 2006, 6:16 AM
#3
n6rej avatar

n6rej

New Zenner

Join Date:
Oct 2006
Location:
knoxville Iowa
Posts:
21
Plugin Contributions:
0

Re: center column clarification - please

well if I did I don't know how I did it....

#navBreadCrumb {
	font-size: 1em;
	font-weight: bold;
	padding: 0.5em;
	background-image: url(../images/tile_back.jpg);
	background-color: transparent;
	color:#55FF00;
	}

you can see in the attached image that if I "go" somewhere the breadcrumbs are there. Only on the home page is it gone.
I'm modifying the updated "nifty_zen" template for 1.36 if that makes any difference.

1 Nov 2006, 6:18 AM
#4
n6rej avatar

n6rej

New Zenner

Join Date:
Oct 2006
Location:
knoxville Iowa
Posts:
21
Plugin Contributions:
0

Re: center column clarification - please

The entire css is as follows....

/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2005 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_new.css nifty_zen v1.2 2006-Sep-10 jettrue $
 */
 
/* Site centering instructions for this template are found under #outermainWrapper*/

* {
	margin:0;
	padding:0;
	}
	
body {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 79.5%;
	background-color: transparent;
	background-image: url(../images/background.jpg);
	margin:30px 0;
	width:100%;
	}

a img {
	border: none; 
	}

a:link, #navEZPagesTOC ul li a {
	color: yellow;
	text-decoration: none;
	font-weight: Bold;
	}
 
a:visited {
	color: #FFDF00;
	text-decoration: none;
	font-weight: Bolder;
	
	}

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
	color: lime-green;
	text-decoration: blink;
	background-image: url(../images/tile_back.jpg);
	}

a:active {
	color: #000000;
	}

h1 {
	font-size: 1.5em;
	}
	
h2 {
	font-size: 1.4em;
	}
	
h3 {
	font-size: 1.3em;
	}

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

.biggerText {
	font-size: 1.2em;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 0.3em 0;
	}
	
	
CODE {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1em;
	}
	
FORM, SELECT, INPUT {
	font-size: 1em;
	margin: 2px;
	}
	
.navMainSearch INPUT {
	font-size:11px;
	}

form {
	display:inline;
	margin-top:0px;
	margin-bottom:0px;
	}

TEXTAREA {
	margin: auto;
	display: block;
	width: 95%;
	}
	
input:focus, select:focus, textarea:focus {
	background: #F0F8FF;
	}
	
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.25em;
	padding: 0.1em;
	}

LABEL.checkboxLabel, LABEL.radioButtonLabel {
	font-size: 0.95em;
	margin: 0.2em 0.5em;
	}

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	}
	
#logo {
	margin-left:5px;
	width: 100%;
	text-align: center;
	}

LABEL.inputLabel {
	font-size: 0.95em;
	width: 10em;
	float: left;
	}

#checkoutPayment .inputLabel {
	width:85%;
	}

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;
	border-bottom: 1px solid maroon;
	border-top: 1px solid maroon;
	}
	
/*warnings, errors, messages*/

.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height: 1.8em;
	padding: 0.2em;
	border: 1px solid #470200;
	}
	
.messageStackWarning, .messageStackError {
	background-color: #ff0000;
	color: #ffffff;
	}
	
.messageStackSuccess {
	background-color: #99FF99;
	color: #033408;
	}
	
.messageStackCaution {
	background-color: #FFFF66;
	color: #033408;
	}

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

#navColumnOneWrapper, #navColumnTwoWrapper{
	background-color: transparent;
	}
	
#tagline {
    	color:#333;
	font-size: 1.4em;
	text-align : center;
	padding:20px 5px 0 0;
	}

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

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #csNotifications, #navEZPagesTOCWrapper {
	margin: 10px 0px;
	width: 100%;
	}

.wrapperAttribsOptions {
	margin: 0.3em 0em;
	}

/*navigation*/

.navSplitPagesResult {
	margin: 0.5em;
	font-size: 0.9em;
	}
	
.navSplitPagesLinks {
	margin: 0.5em;
	font-size: 0.9em;
	}
	
.navNextPrevCounter {
	font-size: 0.9em;
	}
	
.navNextPrevList {
	display: inline;
	white-space: nowrap;
	padding:  0.5em 0em;
	list-style-type: none;
	}

#navMainWrapper {
	color: #033408;
	width: 100%;
	height: 25px;
	} 
	
#navCatTabsWrapper {
	color: #09AF00;
	width: 100%;
	line-height:1.3;
	}
	
/*This section controls the top tab links */
div#navMain {
	float:left;
	height:0;
	background: transparent; /*background color behind tabs, should match logo color (blue default)*/
	} 
	
ul#back,ul#back li {
	list-style-type:none;
	}
	
ul#back {
	margin-left: 1.5em;
	font-size:13px;
	}
	
ul#back li {
	float:left;
	margin-right: 3px;
	text-align: center;
	}
	
ul#back a { 
	float:left;
	width: 7em;
	padding: 5px;
	background-image: url(../images/tile_back.jpg);
	color: #55ff00;
	text-decoration:none;  /*color of top tabs and text color (grey default)*/
	} 
	
ul#back a:hover {
	background-color: transparent;
	background-image: url(../images/tile_back_lt.jpg); /*color of top tabs and text color when you hover over them (red default) */
	} 
	
/*end top tab links */

/*wrappers - page or section containers*/

#outermainWrapper {
	background-color: transparent; /*this controls the color of the small outermost strip of background border (grey border default)*/
	background-image: url(../images/tile_back.jpg);
	width: 65em;
	max-width: 1024px;
	text-align:center;
	margin:0 auto;
	padding:8px;
	}

#mainWrapper {
	background-color: transparent; /*this controls the color of the small outermost strip of background border (grey border default)*/
	background-image: url(../images/background.jpg);
	text-align: left;
	width: 64.8em;
	max-width:1019px;
	}

#contentMainWrapper {
	border-top:1em solid #470200 /*color of border below the tabs (red default)*/ 
	font-size:110%;
	position:relative;
	}
	
#navSuppWrapper {
/*	border-top:1em solid #470200; /*color of border below the tabs (red default)*/ */
	}
	
#navSupp {
	background-color:transparent;
	background-image: url(../images/tile_back.jpg); /*color of footer where the Home link is (blue default)*/
	}

#navColumnOne {
	padding: 0;
	background-color: transparent;
	background-image: url(../images/background.jpg); /*background color of left sidebox (light blue default */
	border-right:5px solid #5f150c;  /* left sideboxes border (default grey) */
	}
	
#navColumnTwo {
	padding: 0;
	background-color: transparent; /*background color of right sidebox (light blue default */
	border-left:5px solid #5F150C; /* right sideboxes border (default grey) */
	}
	
h3.leftBoxHeading, h3.rightBoxHeading{
	background-image: url(../images/tile_back.jpg);
	background-color: transparent; /* background color behind sidebox heading (blue default) */
	padding:0;
	margin-top:0px;
	width:100%;
	color: #55FF00;
/*	Border-top: 5px solid #c0000F;
	Border-bottom: 5px solid #c0000F;*/
	}
	
h3.rightBoxHeading a:hover, h3.rightBoxHeading a, h3.leftBoxHeading a:hover, h3.leftBoxHeading a{
	color: #55ff00; /* text color of sidebox heading */
	text-decoration: Bold;
	}
	
#navSupp ul, #navCatTabs ul  {
	padding: .2em .5em;
	list-style-type: none;
	text-align: center;
	}
	
#navSupp ul li, #navCatTabs ul li {
	display: inline;
	}
	
#navSupp ul li a{
	text-decoration: none;
	padding: 0 0.5em;
	color: #fff;
	white-space: nowrap;
	}
	
#navCatTabs ul li a {
	text-decoration: none;
	padding: 0 0.5em;
	color: #033408
	font-weight:bold;
	white-space: nowrap;
	}
	
#navCatTabs ul li a:HOVER, #navEZPagesTop a:hover{
	color: #fff;
	font-weight:bold;
	}
	
#navEZPagesTOCWrapper {
	font-weight: bold;
	float: right;
	height: 1%;
	border: 1px solid #000000;
	}
	
#navEZPagesTOC ul  {
	padding:  0.5em 0em;
	list-style-type: none;
	line-height: 1.5em;
	}
	
#navEZPagesTOC ul li {
	white-space: nowrap;
	}
	
#navEZPagesTOC ul li a {
	padding: 0 0.5em;
	}

#navMainSearch, #navCategoryIcon, #indexProductListCatDescription  {
	margin:0 0.5em;
	}
	
#navEZPagesTop {
	font-size: 1em;
	font-weight: bold;
	margin-bottom:.5em;
	padding: .5em 2em;
	background-color: transparent;
	background-image: url(../images/tile_back.jpg);
	}
	
#navBreadCrumb {
	font-size: 1em;
	font-weight: bold;
	padding: 0.5em;
	background-image: url(../images/tile_back.jpg);
	background-color: transparent;
	color:#55FF00;
	}
	
.leftBoxContainer {
	padding:0;
	}

/*The main content classes*/

#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
	vertical-align: top;
	}

#productDescription, .shippingEstimatorWrapper {
	padding: 0.5em;
	}

.alert {
	color: #933;
	margin-left: 0.1em;
	font-size: 0.9em;
	}

.advisory {}

.important {
	font-size: 1.1em;
	}

.notice {}

.rating{}

.gvBal {
	float: right;
	}

.centerColumn, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {
	padding: 0.8em;
	}

.centerColumn {
	line-height:1.2;
	}

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

/*Shopping Cart Display*/

#cartAdd {
	float: right;
	text-align: center;
	margin: 1em;
	border: 1px solid #000000;
	padding: 1em;
	}

.cartTableHeading TH {
	border-bottom: 1px solid #cccccc;
	}

.cartTableHeading, #cartSubTotal {
	background-color: #e9e9e9;
	height: 2.2em;
 	}	

#cartSubTotal {
	border-top: 1px solid #cccccc;
	font-weight: bold;
	text-align: right;
	line-height: 2.2em;
	padding-right: 2.5em;
	}

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay   {
	padding: 0.5em 0em;
	}
	
.cartUnitDisplay, .cartTotalDisplay {
	text-align: right;
	padding-right: 0.2em;
	}
	
#scUpdateQuantity {
	width: 2em;
	}
	
#cartBoxEmpty, #cartBoxVoucherBalance {
  	font-weight: bold;
  	}

.cartQuantity {
	width: 4.7em;
	}

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

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

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

.cartRemoveItemDisplay {
	width: 3.5em;
	}

#cartAttribsList {
	margin-left: 1em;
	}
	
.cartAttribsList {
	margin-left: 1em;
	}

.normalprice, .productSpecialPriceSale {
	text-decoration: line-through;
	}
	
.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
	color: #933;
	}

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

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
	padding: 0.2em 0em;
	} 
	
.orderHistList {
	margin: 1em;
	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 {}

.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
	margin: 1em 0em;
	}

h2.centerBoxHeading, .productListing-rowheading {
	font-size: 1em;
	color: #033408
	padding: 0.5em 0.2em;
	border-bottom: 1px solid #800000;
	}
	
.centerBoxWrapper, .tabTable {
	padding: 0px;
	height: 1%; /*do not remove- IEhack*/
	border: 1px solid #800000;
	margin-bottom: 1em;
	}

.sideBoxContent {
	padding: 0.4em;
	}

.rightBoxContent {
	margin-bottom: 1em;
	}

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navNextPrevWrapperTop, #navNextPrevWrapperBottom, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .rightBoxHeading, .centerBoxHeading, .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 {
	background-color: #E8E8E8;
	height: 1.5em;
	vertical-align: top;
	}

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

CAPTION {
	/*display: none;*/
	}

#myAccountGen li, #myAccountNotify li {
	} 

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

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

TR.tableHeading {
	background-color: #cacaca;
	height: 2em;
	}

#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;
	}
1 Nov 2006, 7:25 AM
#5
clydejones avatar

clydejones

Deceased

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

Re: center column clarification - please

take a look in your

includes -> templates -> YOUR_TEMPLATE -> common -> tpl_main_page.php

check to see if you have a line of code that looks like this:

<!-- bof  breadcrumb -->
<?php if (DEFINE_BREADCRUMB_STATUS == '1' && !$this_is_home_page) { ?>    <div id="navBreadCrumb"><?php echo $breadcrumb->trail(BREAD_CRUMBS_SEPARATOR); ?></div>
<?php } ?>
<!-- eof breadcrumb -->

If you do that is why the breadcrumbs are turned off on your home page.

1 Nov 2006, 7:32 AM
#6
n6rej avatar

n6rej

New Zenner

Join Date:
Oct 2006
Location:
knoxville Iowa
Posts:
21
Plugin Contributions:
0

Re: center column clarification - please

sure enough.. its there... .now since its there I assume there is a setting in the admin to turn it off or do I need to turn it off in the tpl?

1 Nov 2006, 7:38 AM
#7
n6rej avatar

n6rej

New Zenner

Join Date:
Oct 2006
Location:
knoxville Iowa
Posts:
21
Plugin Contributions:
0

Re: center column clarification - please

looked in config and breadcrumbs is set to "on" its weird cause its only the front page that doesn't work.

1 Nov 2006, 1:56 PM
#8
clydejones avatar

clydejones

Deceased

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

Re: center column clarification - please

The setting in the admin panel turns the breadcrumbs on or off for all pages.

Youl'll need to change the code in tpl_main_page php as follows:

<!-- bof  breadcrumb -->
<?php if (DEFINE_BREADCRUMB_STATUS == '1' && !$this_is_home_page) { ?>    <div id="navBreadCrumb"><?php echo $breadcrumb->trail(BREAD_CRUMBS_SEPARATOR); ?></div>
<?php } ?>
<!-- eof breadcrumb -->

delete the portion highlighted in red.

1 Nov 2006, 5:10 PM
#9
n6rej avatar

n6rej

New Zenner

Join Date:
Oct 2006
Location:
knoxville Iowa
Posts:
21
Plugin Contributions:
0

Re: center column clarification - please

ok, ty, that makes sense because if I am correct the [cod]&&[/code] means NOT
so the php statement is stating that IF breadcrumbs is on and the current page is NOT the main page, then display the breadcrumbs.

Thanks for taking the time to explain this.

1 Nov 2006, 5:28 PM
#10
n6rej avatar

n6rej

New Zenner

Join Date:
Oct 2006
Location:
knoxville Iowa
Posts:
21
Plugin Contributions:
0

Re: center column clarification - please

ok, I tried that and initially it failed. I think the reason is because in nifty_zen the statement looks like this...```
if (DEFINE_BREADCRUMB_STATUS == '1' && ($current_page!='index' || (int)$cPath>0 ))

changing it to read```
if (DEFINE_BREADCRUMB_STATUS == '1'  (int)$cPath>0 )
``` resulted in the following error > Parse error: syntax error, unexpected T_INT_CAST in /home/n6rej/public_html/includes/templates/nifty_wood/common/tpl_main_page.php on line 95 in order to make it work I had to remove the > (int)$cPath>0  I don't know what if anything this breaks as I don't know what the $cPath variable does.
1 Nov 2006, 6:37 PM
#11
clydejones avatar

clydejones

Deceased

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

Re: center column clarification - please

The code should look like this after the change:

<!-- bof  breadcrumb -->
<?php if (DEFINE_BREADCRUMB_STATUS == '1') { ?>
<div id="navBreadCrumb"><?php echo $breadcrumb->trail(BREAD_CRUMBS_SEPARATOR); ?></div>
<?php } ?>
<!-- eof breadcrumb -->

Note: the $cPath variable just indicates whether you're on the main page or a category page.

If you click on one of your categories the url will look something like this: