Cherry Zen Template Support Thread

[jettrue]

sorry bout that,thats fixed now

http://www.themccormickshop.com

Since you are using such a large logo, your site won't get as narrow as my test site, so you can change the width of #rightFloat:

#rightFloat {
float:left;
width:45%;
}

to maybe 65% or so.

[chris32882]

Since you are using such a large logo, your site won't get as narrow as my test site, so you can change the width of #rightFloat:

#rightFloat {
float:left;
width:45%;
}

to maybe 65% or so.

Alright, thanks :)

[micmed]

Hey Jade, I am having fun with your template. I am earnestly trying to get a handle on CSS. If you look at my site www.thecablestation.com I just can't seem to get it to get rid of the L/R scroll bars when display is at 1024x768.

[jettrue]

Hey Jade, I am having fun with your template. I am earnestly trying to get a handle on CSS. If you look at my site www.thecablestation.com I just can't seem to get it to get rid of the L/R scroll bars when display is at 1024x768.

That sounds right, and you can see my test site does the same... a tiny little bit of scrollbar.

To make the site smaller, open up stylesheet.css and find the width section, and follow the instructions there (and there are more instructions in the readme file)


/* site and main content width section */

html>body {
width: auto;
}

#nw {
width:80%; /* main site width; if you'd prefer a fixed width site, enter the width in px here. */
max-width:1300px; /* prevents the main content from getting wider than 1300px in sites other than IE */
min-width:1000px; /* this prevents the main content from getting smaller than 1000px in browsers OTHER THAN IE. You can make this as small as 800px, BUT any smaller than that, and the top header menu will break into two lines. Also, if you make this width 800px, you will need to make sure your product image on the product info page is no wider than 190px */
}

/* IE only. Controls Width of Site and Main Content*/
* html #nw {
width:expression((d=document.compatMode=="CSS1Compat" ? document.documentElement : document.body) && (d.clientWidth > 1300? "1300px" : d.clientWidth > 1048? "80%" : d.clientWidth < 1048? "1000px" : "80%")); /* this prevents the site from getting smaller than 1000px or wider than 1300px in IE */
}
/* end IE only */
/* end site and main content width section */

[chris32882]

how do I make the website auto size it self depnding on screen resolution of each person?

[chris32882]

also, I would like to add the paypal verified along side my header logo and the credit cards I accept on the other side...is this possible? How do I go about doing this?

[jettrue]

how do I make the website auto size it self depnding on screen resolution of each person?

Try google, that's more complicated than I'm ready to tackle.

[jettrue]

also, I would like to add the paypal verified along side my header logo and the credit cards I accept on the other side...is this possible? How do I go about doing this?

You could either add it to your logo, or add it as a tagline image in the stylesheet.css.

[chris32882]

You could either add it to your logo, or add it as a tagline image in the stylesheet.css.

I added both graphics as a tagline image and now I have alot of white space underneath the graphics

as you can see here: http://www.themccormickshop.com

[jettrue]

I added both graphics as a tagline image and now I have alot of white space underneath the graphics

as you can see here: http://www.themccormickshop.com

Replace your sections of the below with this:

#paypal {
 float:left;
    }
#creditcards {
float:left;
    }
#logo {
width:500px;
float:left;
}