Cherry Zen Template Support Thread

Quote:

---

Originally Posted by ladybugmom

I wondered if someone knows where to find this space.

I have moved the nav line under the header. Next I switched the search box to the right side. My problem is this, on the left side of the nav bar there is about a half inch space between the left edge and my first home-link.

I have tried everything I can think of and wondered if anyone would know where to find the area to change.

It is somewhere between the navmain wrapper and the navmain. Any Ideas?

Thanks,
Ladybugmom
http://www.flairwearbuttons.com :blink:

---

I'm not sure if this is what you mean, but you can add margin:0 to

h3.leftBoxHeading, h3.rightBoxHeading {
font-size:1.1em;
font-weight:normal;
height:1.5em;
padding:.2em 0 0 0;
}

Oh wait, I see what you mean, you can add padding:0 and margin:0 to this:

#navMain ul {
float:left;
list-style:none;
}

Quote:

---

Originally Posted by michellepchy

Hello again,

I hate to be a pain but I followed the previous instructions and managed to change all the colours I wanted to except for the background colours of the sideboxes. When I removed the image and put in my colour code the whole page turned that colour whereas I would like to have the middle white still.

www.4fun4play.co.uk

Its not much but I am getting there.

Any help you could give would be great.

---

You need to leave this section alone:
}
#contentMainWrapper {
background:url("../images/sidebox.gif") 100% 0 repeat-y; /* This is the right column background "faked" with an image. */
background-color:#fff; /*background color for the main "content" of the site */
}
#contentMainWrapperb {
background: url("../images/sidebox.gif") 0 0 repeat-y; /* This is the left column background "faked" with an image. */
}

and then upload pink versions of sidebox.gif. :smile:

Quote:

---

Originally Posted by jjoslyn

Hello;

I have my site http://centeredchef.com/cconlineorder working fine using the cherry zen template. One thing I'd like to change is making the sideboxes and center column always extend to 100% of the height of the browser. I've tried suggestions made in the general forum with no luck. Is this possible with this template?

Thanks in advance.

---

That's not easily accomplished on any site, and it never is cross-browser friendly. You could make a body background image that is white in the middle. But you'll loose the variable width functionality of this template. IMO, it's not worth it.

Quote:

---

Originally Posted by jettrue

You need to leave this section alone:
}
#contentMainWrapper {
background:url("../images/sidebox.gif") 100% 0 repeat-y; /* This is the right column background "faked" with an image. */
background-color:#fff; /*background color for the main "content" of the site */
}
#contentMainWrapperb {
background: url("../images/sidebox.gif") 0 0 repeat-y; /* This is the left column background "faked" with an image. */
}

and then upload pink versions of sidebox.gif. :smile:

---

Thank you for replying. Does this have to be done with an image as i do not know how to create the image and would prefer to use a code instead if thats possible.

Quote:

---

Originally Posted by jettrue

That's not easily accomplished on any site, and it never is cross-browser friendly. You could make a body background image that is white in the middle. But you'll loose the variable width functionality of this template. IMO, it's not worth it.

---

Thanks for looking into it, I appreciate your time! Thanks again for the template.

Dear Jettrue, thank's for the great template. :smile:

I have a question. How to add one or two additional menu on the header menu?:cool:

Thank's for attention...

Quote:

---

Originally Posted by jettrue

I'm not sure if this is what you mean, but you can add margin:0 to

h3.leftBoxHeading, h3.rightBoxHeading {
font-size:1.1em;
font-weight:normal;
height:1.5em;
padding:.2em 0 0 0;
}

Oh wait, I see what you mean, you can add padding:0 and margin:0 to this:

#navMain ul {
float:left;
list-style:none;
}

---

It worked like a charm. Thank you for your help. I really love this template and really thank you for sharing it and your time.

LadyBugMom:clap:

Quote:

---

Originally Posted by jettrue

The template changes sizes, so you'll never be able to have the exact width. Upload a smaller logo, then give #logoWrapper the same background color that your logo has. And remove the padding-left from #logo.

---

Thanks Jade...that worked great!

My site is starting to look pretty now. I still can't get a divide line between the header and the body of the site.

I've followed your instructions for the EzPages bar, but it's not showing up on my site. Something is also wrong with the search bottom. There's a space above the red bar at the top and if I scroll up the bar will line up with the search bar. I shouldn't have to do that though. Really don't think the space at the top of my screen should be there at all. It's like the whole site is shifted down on the page too much.

If you get the time, could you please take a look...maybe you know of an easy fix.
http://www.paradiseembroiderydesigns.com
Thanks,

Thanks to Jade for a great looking template, even bigger thanks for including precise and easy to follow modding instructions for the CSS etc. The simplest to follow Ive found.
Ive just done the basics like colour changes, column width changes etc but I plan on delving deeper into the customisation of this template, nothing short of excellent.

http://www.fluidclothing.com

Quote:

---

Originally Posted by michellepchy

Thank you for replying. Does this have to be done with an image as i do not know how to create the image and would prefer to use a code instead if thats possible.

---

It's not possible, otherwise I would have done it that way to. :smile:

Open up the sidebox.gif that I provided in any image editing software, it can even be "paint", replace the color I put in the file with the color you want.