Cherry Zen Template Support Thread

[Samuel Nitro]

Hello Jade. Has established your template cherry_zen.
All ок, but it is not displayed logo
My site - http://nexusmarket.ru
Help to understand please.

[jettrue]

Hi

Glad you like my made up word, kinda describes anything you like, thats problematic anyway.

ok, I see the default setting offers a fairly large margin on both sides, I would like a much smaller one, around 5-10px max width either side.

I thought I had it cracked but then I changed my resolution and found it busted rather than cracked.

Here it is as it stands now



This is pretty much how I want it to look at any resolution, now if your viewing it at a typical 1024 then it will look awfull.
Here is an image of what it looks like on my screen and resolution.


If there was an easier way to fix what I have now that would be great, took me ages, lol.

Thanks

Simply make your width 99%, remove all the min-width/max-width, etc. You don't need a min-width, as your FREE SHIPPING banner will stop the site from getting narrower than it is.

Change #navMain to a width of 700px (its currently at 750px).

This will keep the top menu from breaking into two when the browser is narrower.

Now, the reason I had a max width of 1300px, is because some people have wide monitors, and I think sites in percentages look really silly when they are all spread out. But that's just one person's opinion.

Now, I see that you changed the width of your sideboxes, but did not follow the instructions on changing the widths in my readme.txt. Then you have this conflounded chunk in your source:

<div id="navColumnTwo" class="columnRight" style="margin-right:-136px; width: 188px">

Put that back to normal (remove the margin-right:-136px), then this section in your css should look like this (you increased your sideboxes by 38px from the default 150px, so I increased each value by 38px):

.outer {
padding-left:203px;
padding-right:188px;
}
.inner {
width:100%;
}
.float-wrap {
float:left;
margin-left:-203px;
width:90%;
}
#content {
float:right;
line-height:1.6;
margin-right:-203px;
position:relative;
width:100%;
}
.contentWrap {
padding: 5px 0 5px 5px;
}
#navColumnOne {
float:left;
position:relative;
border-right: 1px solid #cccccc;
}
#navColumnTwo {
float:right;
margin-right:-188px;
position:relative;
border-left: 1px solid #cccccc;
}
* html #navColumnTwo {
margin-right:-208px !important;
}

[jettrue]

Hello Jade. Has established your template cherry_zen.
All ок, but it is not displayed logo
My site - http://nexusmarket.ru
Help to understand please.

You are using a logo that ends with a .png

Open up includes/languages/YOUR_LANGUAGE/cherry_zen/header.php and change logo.gif to logo.png

If you've already done that, be sure to upload the image to includes/templates/cherry_zen/images/

[Micki]

#logoWrapper {border-bottom:15px solid #000000}

change to the height and color you want.

Hi Jade:

Well, I took your advice and posted to the general for in regards to my problem with all of that extra code at the top of my header . I was edited with my beloved Expression Web and it really messed things up. Now I'm using Coffee Cup Direct FTP and really love the program (user friendly). I am going through one file at a time. There is a lot of files with that funny looking code at the top and removing as I go. The site is looking much better.

I put a border around my header to give you an idea of what I mean when I say I would like a divide line between the header and the body of my site. Could you please take a look at Paradise Embroidery Designs to see what I've done. I don't want the green border at the sides of my header, just the green border that runs across the bottom, but I can't get it to run across the entire length of the site. If I could get your EzBar to work that would do the trick. Maybe when I get all of the other fixes done the EzBar will show up. One question about your EzBar. Can I change the grey colour to dark green?

I'm a bit nervous about trying to add the div line to your template because I don't want to mess the whole thing up.

Thanks

[jettrue]

Hi Jade:

Well, I took your advice and posted to the general for in regards to my problem with all of that extra code at the top of my header . I was edited with my beloved Expression Web and it really messed things up. Now I'm using Coffee Cup Direct FTP and really love the program (user friendly). I am going through one file at a time. There is a lot of files with that funny looking code at the top and removing as I go. The site is looking much better.

I put a border around my header to give you an idea of what I mean when I say I would like a divide line between the header and the body of my site. Could you please take a look at Paradise Embroidery Designs to see what I've done. I don't want the green border at the sides of my header, just the green border that runs across the bottom, but I can't get it to run across the entire length of the site. If I could get your EzBar to work that would do the trick. Maybe when I get all of the other fixes done the EzBar will show up. One question about your EzBar. Can I change the grey colour to dark green?

I'm a bit nervous about trying to add the div line to your template because I don't want to mess the whole thing up.

Thanks

Did you not try this?
#logoWrapper {border-bottom:15px solid #000000}

but replaced with the green you want to use?

[Micki]

Did you not try this?
#logoWrapper {border-bottom:15px solid #000000}

but replaced with the green you want to use?

I hope that I'm looking in the right spot. Went into includes/templates/cherry_zen/css/stylesheet.css and found this code...

}
#logoWrapper {
width:auto;
}
#logo {
float:left;
padding-left:15px;
text-align:center;

Am I supposed to put the {border-bottom:15px solid #4A5F5A}
right beside #logoWrapper and do I leave the next line alone...width:auto;

Please be patient with all the questions...my first site and I am learning as I go

[jettrue]

I hope that I'm looking in the right spot. Went into includes/templates/cherry_zen/css/stylesheet.css and found this code...

}
#logoWrapper {
width:auto;
}
#logo {
float:left;
padding-left:15px;
text-align:center;

Am I supposed to put the {border-bottom:15px solid #4A5F5A}
right beside #logoWrapper and do I leave the next line alone...width:auto;

Please be patient with all the questions...my first site and I am learning as I go

Open stylesheet.css

paste this into it.

#logoWrapper {border-bottom:15px solid #000000}

Doesn't matter where.

[Micki]

Open stylesheet.css

paste this into it.

#logoWrapper {border-bottom:15px solid #000000}

Doesn't matter where.

Thank-you so much!! That has been driving me nuts for 2 weeks now. Fixed so easy and oh so pretty now.

Wow..I think I'm actually ready to add some products to this site. Don't really know who's building this...you or me.

Now I think that I'm good to go and won't be bugging you anymore.

[spottedhaggis]

Hi again

I made all the changes you suggested and they worked a treat, I thank you for that.

I have only one small issue to iron out, hopefully your expertise in this template should fix it with ease.

The main content could be slightly wider, as you will see there is a slightly larger gap on the right than the left, but I cannot seem to find where this is located to make the alteration.

Can you help please, many thanks.

I think if I change the content from a margin of -203 to -230 that centers the content better.

[charlz71]

Hello,

I can't find any thread about the category list showing up on top, in the header area. How can i remove it?

Also, how can i put a pointer for each category and subcategory such as an arrow image or something in the category sidebox?

Thanks a lot. By the way, after searching for a nice template, i never realized that I have already downloaded your Cherry Zen template but never had the chance to use it, only now. Should have done this long before. The look is great!

Francis