Cherry Zen Template Support Thread

Quote:

---

Originally Posted by 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;)

Quote:

---

Originally Posted by 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 : 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.

Quote:

---

Originally Posted by 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.

Quote:

---

Originally Posted by 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::

Code:

---

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)

Quote:

---

Originally Posted by 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 ?

Code:

---

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

---

thanks.

---

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?

<li><a href="index.php?main_page=page&id=1"><span>Purchase Orders</span></a></li>

Quote:

---

Originally Posted by 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.

Quote:

---

Originally Posted by 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.

Code:

---

#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):

Code:

---

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

---