Apple Zen Support Thread

Hey,

First of all, I would like to thank you for sharing this cool template.

I changed the header to narrow as advised in stylesheet.css and changed the background image a bit.

BUT I would like the background image to begin right at the top, not under the menu. Hope it is not so complicated, but I am really no good at CSS.

Thanks for your advice

PS. see shop.linealight.cz for details

Quote:

---

Originally Posted by davidt

Hey,

First of all, I would like to thank you for sharing this cool template.

I changed the header to narrow as advised in stylesheet.css and changed the background image a bit.

BUT I would like the background image to begin right at the top, not under the menu. Hope it is not so complicated, but I am really no good at CSS.

Thanks for your advice

---

Not complicated at all.

Just change this:

body {
background:url(../images/site-bg-blue.gif) 0 9em repeat;
}

to this:

body {
background:url(../images/site-bg-blue.gif) repeat;
}

I did this, but it doesnt work.. I mean, there are still white places. Because I changed header to narrow.

This didnt work.. I also changed header to narrow, so there are white places now (instead of background image)

see shop.linealight.cz

Quote:

---

Originally Posted by davidt

This didnt work.. I also changed header to narrow, so there are white places now (instead of background image)

see shop.linealight.cz

---

You also need to remove the background color from #headerWrapper

ETA: The reason why your site is messed up is that your comments are messed up in the stylesheet. You need to change this:

#dropMenuWrapper {
width:70em; /* change to width:70em; for narrow header*/
/*float:left;*//* remove float:left; for narrow header
margin:0 auto;
text-align:center;
height:2.18em;
}

to this:

#dropMenuWrapper {
width:70em; /* change to width:70em; for narrow header*/
/*float:left;*//* remove float:left; for narrow header */
margin:0 auto;
text-align:center;
height:2.18em;
}

Thanks, now it works.

Just two more things.. :-) I uploaded the stylesheet.css again and changed only few things to have narrow header and to repeat background. but..

1) There is a line or more likely a gap between the log-in part and the logo part. How do I get rid of it?

2) the header is set a little bit to the left. How can I center it?

Thank you again for your great template and especially for such a support and sorry for bothering with such a stupid questions, but I really dont know much about css.

Quote:

---

Originally Posted by davidt

Thanks, now it works.

Just two more things.. :-) I uploaded the stylesheet.css again and changed only few things to have narrow header and to repeat background. but..

1) There is a line or more likely a gap between the log-in part and the logo part. How do I get rid of it?

2) the header is set a little bit to the left. How can I center it?

Thank you again for your great template and especially for such a support and sorry for bothering with such a stupid questions, but I really dont know much about css.

---

1) This must be in IE, as I don't see it in Firefox, but I think you just need to reduce the padding for that top search form. Change:

#navMainSearch input {
margin:0 auto;
text-align:right;
padding:2px 5px;
}

to:

#navMainSearch input {
margin:0 auto;
text-align:right;
padding:0 5px;
}

Let me know if that works for you.

2) I'm not seeing this either. What browser are you using?

I am using IE7. At least the shift to the left appeared later. Last change didnt help:-(

See this screenshot: www.linealight.cz/Image1.jpg

But it is not such a big problem, it looks good anyway:-)

Your template is great but I would like to ask if it is possible to change back to 3 Column? Where can I change it?:lamo:

Thank you.