Cherry Zen Template Support Thread

bx1:

Hi Jade,

Great template! I have a quick question.....how do you get the sideboxes to display only on the right side? I have them displaying there at 200px but when you visit a product, all the sideboxes move to the left and overlap all of my text, in fact all the text goes to the sidebox width...very strange.

Sorry if this has already been answered in a previous post but I had a look and couldn't find any answers.

Thanks for your help!

bx1:

Hi Jade,

The site is on my computer so I have included an image of the product page. Hopefully this is enough. Thanks for your reply!

Hi all,

Sorry to repost but I never found a solution for my problem. It's a bit of a strange one and I can't figure out which part of the CSS is causing the problem. Thanks!

Hello there!

I'm using the Cherry Zen Template (thanks for this awesome template), and I need your help in doing some things with the CSS. I've searched this whole thread without much luck.

I'm trying to do the following:

1. remove the drop shadow around the whole website, and display a simple line instead (i.e. "outline" the website, but without the shadow)

2. merge/collapse the upper border of the website with the actual webpage border (i.e. I do not want that upper space between the webpage border and the main body border where you can see the background image).

I've tried playing around with stylesheet.css and stylesheet_dropshadow.css, but ended up killig the whole layout :s (had to reload again both css from the cherry zen template).

hope you've understood what I'm trying to achieve (forgive my english!)

Any help will be much appreciated!

thanks,

dan.

Hi There,
I need a big help - somehow the text box to update the quantity is missing.
I am not really sure how to get access to the file.
Here is the website : https://www.kianydesigns.com

This is what I got when I see the HTML

Thanks,
Senjaya

stonedan:

Hello there!

I'm using the Cherry Zen Template (thanks for this awesome template), and I need your help in doing some things with the CSS. I've searched this whole thread without much luck.

I'm trying to do the following:

1. remove the drop shadow around the whole website, and display a simple line instead (i.e. "outline" the website, but without the shadow)

2. merge/collapse the upper border of the website with the actual webpage border (i.e. I do not want that upper space between the webpage border and the main body border where you can see the background image).

I've tried playing around with stylesheet.css and stylesheet_dropshadow.css, but ended up killig the whole layout :s (had to reload again both css from the cherry zen template).

hope you've understood what I'm trying to achieve (forgive my english!)

Any help will be much appreciated!

thanks,

dan.

It's me again !

alright I figured out how to resolve problem #2 (cf my quote). Basically, I modified the margin-top in the stylesheet.css from 20px to -10px (since putting 0px still leaves a blank space).

But I'm still looking for a solution to problem #1 :cry: (see my quote)

Thanks for helping !

Dan.

jettrue:

To remove all spacing down there, you can change #navSupp and #navSupp ul to this (adjust the padding how you'd like it):

#navSupp {
margin:0 auto;
text-align:center;
padding:0;
}
#navSupp ul {
list-style-type:none;
text-align:center;
line-height:1em;
padding:0;
margin:0;
}

> 
> To change the colors on the bottom, you would use these sections:
> ```
#navSupp ul li a {color:#ffffff;}
#navSupp ul li {color:#ffffff;}
#siteinfoLegal {color:#ffffff;}
#siteinfoLegal a {color:#ffffff;}

To change the footer general text, you need to view the source of your page, then find out what the section is called that you wan to change, for example, from the source of my site:

Jade,

I was able to partially make these changes, but for some reason I just can't put my finger on it. Would it be ok if I PM'd you the URL of my shop? One look with the Firefox Webdev plugin and you'd likely know the problem :)

Thanks,

x

thailandosc:

Id like to add a background image to the whole site.
In the stylesheet i cant find how to put a background image for the whole site

Thanks

I'd like to do this as well. I have a gradient background that I would like to repeat horizontally throughout the site. Here's what I came up with in stylesheet.css, to no avail :lamo::

body {
	background:#0c1f45; /* main site background color, blue default */
	background-image: url(../images/body-bg.gif);
	background-repeat: repeat-x;

Any suggestions?

Stuff4Toys:

Now I still have a problem with Lightbox. It seems as if all the js is loaded, but the large images don't load in a lightbox. grrrrr Seems as if both programs have a tpl_main_page.php, anyone have an idea what needs to be merged?

Zen-Cart 1.3.8a

JOhn ><>
FIXED: My fault, I was loading a version of mootools that conflicted with LightBox
JOhn ><>

adding a tab:

the code below does not work. using that formula, what is the correct way to link to an ez page with a page id=1 ?

<li><a href="<?php echo zen_href_link(FILENAME_DEFAULT, 'id=1', 'NONSSL'); ?>"><span>Purchase Orders</span></a></li>

thanks.

ok first off thanks so much for the help on my previous issue. My next problem is below the banner I would like to get rid of the catagory listings what do I have to to do to do this.

Next I need to make the graphics go from one side of the white back ground to the other not all the way across.

Site URL again http://www.durinstower.com/shop

bx1:

Hi all,

Sorry to repost but I never found a solution for my problem. It's a bit of a strange one and I can't figure out which part of the CSS is causing the problem. Thanks!

I can't help you without a site to look at, sorry!

stonedan:

Hello there!

I'm using the Cherry Zen Template (thanks for this awesome template), and I need your help in doing some things with the CSS. I've searched this whole thread without much luck.

I'm trying to do the following:

1. remove the drop shadow around the whole website, and display a simple line instead (i.e. "outline" the website, but without the shadow)

2. merge/collapse the upper border of the website with the actual webpage border (i.e. I do not want that upper space between the webpage border and the main body border where you can see the background image).

I've tried playing around with stylesheet.css and stylesheet_dropshadow.css, but ended up killig the whole layout :s (had to reload again both css from the cherry zen template).

hope you've understood what I'm trying to achieve (forgive my english!)

Any help will be much appreciated!

thanks,

dan.

1. Delete stylesheet_dropshadow.css from the server.

2. Add this to your stylesheet:
   table#workaround {
   margin: 0;
   padding:0;
   width:100%;
   border:1px solid #000000;
   padding:0;
   background:#ffffff;
   }

To get rid of the space at the top of the site, simply remove the margin-top from the body tag. (margin-top:20px;)

senjaya:

Hi There,
I need a big help - somehow the text box to update the quantity is missing.
I am not really sure how to get access to the file.
Here is the website : https://www.kianydesigns.com

<td class="cartQuantity"> 1<input type="hidden" value="1" name="cart_quantity[]"/><div id="trailimageid"/><span class="alert bold"/><br/><br/> </td>

This is what I got when I see the HTML

Thanks,
Senjaya
This is not template related, my only suggestion is to reupload the original includes/templates/YOUR_TEMPLATE/templates/tpl_shopping_cart.php

If that doesn't work, ask in the general forum, they may be more help.

xt0rt:

Jade,

I was able to partially make these changes, but for some reason I just can't put my finger on it. Would it be ok if I PM'd you the URL of my shop? One look with the Firefox Webdev plugin and you'd likely know the problem :)

Thanks,

x

You can use the email link to email me the URL.

xt0rt:

I'd like to do this as well. I have a gradient background that I would like to repeat horizontally throughout the site. Here's what I came up with in stylesheet.css, to no avail :lamo::

body {
background:#0c1f45; /* main site background color, blue default */
background-image: url(../images/body-bg.gif);
background-repeat: repeat-x;

> 
> Any suggestions?
Where did you upload the image? Did you upload it in includes/templates/YOUR_TEMPLATE/images?

Try entering the image code lie this:
background:url("../images/body-bg.gif");

(with the quotes - IE likes it that way)

gsdcypher:

adding a tab:

the code below does not work. using that formula, what is the correct way to link to an ez page with a page id=1 ?

I always chuckle when I see someone trying really hard to make a zen cart link. I chuckle because I've been there before. :P

The solution will make you smack your forehead (I did).... Why not just make a regular link?

darktowerhobbies:

ok first off thanks so much for the help on my previous issue. My next problem is below the banner I would like to get rid of the catagory listings what do I have to to do to do this.

Next I need to make the graphics go from one side of the white back ground to the other not all the way across.

Site URL again http://www.durinstower.com/shop

In your admin, go to "Configuration", "Index Listing".

I don't get what you mean by this statement.

"Next I need to make the graphics go from one side of the white back ground to the other not all the way across."

If you're talking about the logo, you can remove the padding-left:15px from the #logo section in stylesheet.css, and then add background:#000000; to #logo. Since the site changes widths, adding the black background color will allow the logo to blend in better.

Thanks Jade, background is showing up now.

I tried really hard to do this without having to bother you. :P

I'm trying to relocate the Add to Cart button, move the additional images up just a bit and remove the dotted line divider from the additional images.

The attached screenshots show what I have now and what I want if it's possible.

Any help is greatly appreciated!! :smile:

Hello. I'm new here. Just installed CheryZen template. Looks great. I have just one question for now. How I can add a header image above the menu bar?
Thank you.

Boggled:

I tried really hard to do this without having to bother you. :P

I'm trying to relocate the Add to Cart button, move the additional images up just a bit and remove the dotted line divider from the additional images.

The attached screenshots show what I have now and what I want if it's possible.

Any help is greatly appreciated!! :smile:

Well, without seeing a direct link, I can't give specific instructions tailored to your current changes, but I can tell you that you'll need to be sure to paste the add to cart directly after <!--eof attributes module -->, be sure to remove any <br class="clearBoth" /> between the attributes section and the cart section.

Then in the css, you'll have to mess with the width of #rightFloat to give the options and cart more room, you'll have to reduce the width and remove the margin for #productAttributes, and change #cartAdd to float:left. There's got to be enough width for cartAdd to "float" to the left of #productAttributes.

You can add this to your css to get rid of the dotted lines between additional images.

#productAdditionalImages .vDotLine, #productAdditionalImages .hDotLine {background:none;}

This causes the top padding for the additional images - and many other things, so realize that if you remove the padding here, you remove it for everything else in the list (you can just remove .additionalImages from this list):

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