Cherry Zen Template Support Thread

[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?

[esugrue]

Hi!

I am trying to get rid of the white space that occurs above the header/logo area under the top navigation bar.

So in effect if I have a header background blue via CSS #headerWrapper { and put a white background logo box there is no blue showing above it!

I looked in the CSS file (and solved part of the issue) but not the space above.

I also noted it occurs only in FF!

The effect I want is if I have a blue header background and put a white logo in it then the header will in effect be two-toned.

Thanks
Ernie

[jettrue]

Hi!

I am trying to get rid of the white space that occurs above the header/logo area under the top navigation bar.

So in effect if I have a header background blue via CSS #headerWrapper { and put a white background logo box there is no blue showing above it!

I looked in the CSS file (and solved part of the issue) but not the space above.

I also noted it occurs only in FF!

The effect I want is if I have a blue header background and put a white logo in it then the header will in effect be two-toned.

Thanks
Ernie

Could I see a link please? I'm not good at determining what the issue is just from reading about it, I need to see it.

[maraud]

It's here, www.denasha.com

At the top, it has a blue space. How can i remove the space it creates?

Then, how can i make the menu that appears in the red bar below that blue space, to have spaces, since at the moment it shows up as "HomeLog In" without any spaces between the menu words and also it's almost invisible with black color.

Finally, 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? Do i just have to edit the code in the tpl_header or is there another way without removing code?