Cherry Zen Template Support Thread

[maraud]

Is there a way to fix or control how the template loads so that it loads the header and side colums first before the center part?

[jettrue]

Is there a way to fix or control how the template loads so that it loads the header and side colums first before the center part?

Not easily, no.

[rooml101]

How could I put the Home, Log In, My Account, Shopping Cart, & Checkout on the top bar of the class templete?

[CarolinaReefs]

Thanks for the help!!

Another question, The breadcrumb bar is white, on the template its supposed to be Gray I think. Where do I change it?

Thanks,
Tom

[Robin89]

Hi there

sorry if there is a similiar answer allready posted because i didnt found it.

my problem is the shadow of the product picture it didnt is fixed at the picture, it has too much space to the picture especially in IE7.

here a link to my shop
http://shop.chayah.net/index.php?mai...products_id=16

how can i fix the shadow ?

[jettrue]

How could I put the Home, Log In, My Account, Shopping Cart, & Checkout on the top bar of the class templete?

Hmm, good question. (I'm assuming you mean to say "classic" template.

Anyway, you'd need to replace the navmainwrapper section of the classic template with the navmainwrapper section of the cherry zen template, starting from <!--bof-navigation display--> to <!--eof-navigation display-->

Then, you'll need to add some css (its a lot):

#navMainWrapper {
	background:url("../images/red/header.gif");
	}
	
#navMain a {
	background:url("../images/red/tableftE.gif") no-repeat left top;
	}
	
#navMain a span {
	background:url("../images/red/tabrightE.gif") no-repeat right top;
	}
	
#navMain a span.last {
	background:url("../images/red/tabrightE_last.gif") no-repeat right top;
	}

#navMain a span {
	color:#ffffff; /* color of header links, HOME, LOGIN, MY ACCOUNT, etc. */
	}
	
#navMain a:hover span {
	color:#ffffff; /* color of header links, HOME, LOGIN, MY ACCOUNT, etc. when hovered over */
	}

#navMainWrapper {
	height:32px;
	width:100%;
	font-size:12px;
	}

#navMain {
	float:right;
	width:750px;
	line-height:normal;
	}

#navMain ul {
	float:right;
	list-style:none;
	}
	  
#navMain li {
	display:inline;
	}
	  
#navMain a {
	float:left;
	text-decoration:none;
	}
	
#navMain a span {
	float:left;
	display:block;
	padding:7px 15px 10px 15px;
	text-align:center;
	width:90px;
	cursor:pointer;
	}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navMain a span {float:none;}
/* End IE5-Mac hack */

#navMain a:hover {
	background-position:0% -32px;
	}
    
#navMain a:hover span {
	background-position:100% -32px;
	}

And then be sure to remove all of the original #navMain, #navMainWrapper, etc. that is found in the classic template's stylesheet.css.

[jettrue]

Thanks for the help!!

Another question, The breadcrumb bar is white, on the template its supposed to be Gray I think. Where do I change it?

Thanks,
Tom

Nope, its white in the template, but you can add a background color at the #navBreadCrumb in the css.

[jettrue]

Hi there

sorry if there is a similiar answer allready posted because i didnt found it.

my problem is the shadow of the product picture it didnt is fixed at the picture, it has too much space to the picture especially in IE7.

here a link to my shop
http://shop.chayah.net/index.php?mai...products_id=16

how can i fix the shadow ?

Make sure you uploaded includes/templates/cherry_zen/templates/tpl_modules_main_product_image.php

[maraud]

When you look at the template "Cherry Zen" at the top, it has a blue row/background and then the red bar. denasha.com


Just a few questions

How can i get rid of the blue row and remove the space it creates?

How can i make the menu that appears in the red bar to have spaces, since at the moment, it shows up as "HomeLog In" without any spaces between the menu words

How can i remove the first menu Product1 Product 2, so that the only menu showing up is the CSS dropdown menu with Product 1 and Product 2, instead of having two menus with the same thing?

[jettrue]

When you look at the template "Cherry Zen" at the top, it has a blue row/background and then the red bar. denasha.com


Just a few questions

How can i get rid of the blue row and remove the space it creates?

How can i make the menu that appears in the red bar to have spaces, since at the moment, it shows up as "HomeLog In" without any spaces between the menu words

How can i remove the first menu Product1 Product 2, so that the only menu showing up is the CSS dropdown menu with Product 1 and Product 2, instead of having two menus with the same thing?

I'm not understanding a lot of what you're saying. Could I see a link?