Apple Zen Support Thread

Thanks so much for that jettrue, but the client has now changed their mind about the layout!
What I now need to do is move the search box to the top right of the page in the same line as 'HOME' and 'LOGIN'. I need the search box right aligned and I need the search button replaced by a button of their own design.
I have no clue how to do this and need mickey mouse instructions!

And one more thing... How do I continue the shaded border all the way up to the top of the page?

heres is wot I would like to change anyone help?

Hi symmo,

Go into your stylesheet and change colour of #headerWrapper to #000000.
Am not sure how to get rid of the nav bar at the top though. Interestingly, I'm wanting to move my search box up there. How did yours end up there?

high2K:

Hi symmo,

Go into your stylesheet and change colour of #headerWrapper to #000000.
Am not sure how to get rid of the nav bar at the top though. Interestingly, I'm wanting to move my search box up there. How did yours end up there?

search box switches on and off from admin> tools> layout boxes controller

Then set the sideboxes/search_header.php on

but I really want to get rid of the whole bar ??

high2K:

Hi symmo,

Go into your stylesheet and change colour of #headerWrapper to #000000.
Am not sure how to get rid of the nav bar at the top though. Interestingly, I'm wanting to move my search box up there. How did yours end up there?

STILL WHITE :((

high2K:

I just went into the apple zen image folder and replaced the stripey image with a plain white one. See includes/templates/apple_zen/images/site-bg-green.gif

I guess you could also do it by going into the apple zen stylesheet and removing the instruction to use the image in the first place. In the stylesheet just change:-

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

LOL, yeah, that would be the preferred method. :P

symmo:

STILL WHITE :((

Have you posted a link to your site yet? Please have a bit of patience, I would be happy to help you. Have you sorted out all the issues? Let me know which ones you're still having.

supergper:

Great Template, but one minor question. Is there a way to change the grey box circled in this pic to another color?

I've tried looking and playing with different elements but can't find if it's in the CSS or if it's an image? :bigups:

Look in the includes/templates/apple_zen/images folder. There's one named content_bg.gif. Open it with your favorite image editor, change the grey, and re-upload the image. :cool:

high2K:

Thanks so much for that jettrue, but the client has now changed their mind about the layout!
What I now need to do is move the search box to the top right of the page in the same line as 'HOME' and 'LOGIN'. I need the search box right aligned and I need the search button replaced by a button of their own design.
I have no clue how to do this and need mickey mouse instructions!

That's how the template is designed by default. I explain this in the readme.txt (that no one reads, LOL)... Under Item 3.:

"3. Go to "Tools" then "Layout Boxes Controller"
and turn on the sideboxes you would like to use. This template is set to ONLY use the right sideboxes, whether or not you have left sideboxes turned on. All left sideboxes that happen to be "on" will show up on the right side, underneath any right sideboxes. It is impossible to have sideboxes on the left side of the page with this template. Be sure to turn on the tpl_search_header.php, by setting the "single column status" to on. This will put the search box on the top right of the site. "

high2K:

And one more thing... How do I continue the shaded border all the way up to the top of the page?

Also in the readme.txt. Is this what you are trying to accomplish:

4. Due to popular demand, I have added a second Layout style for this Template, it is called the "Narrow Header" version. Here is a screenshot of what it should look like:
http://www.zencart137.jadetrue.com/images/narrow_header.gif

In order to use this, you need to open your stylesheet (includes/templates/apple_zen/css/stylesheet.css) and simply follow the instructions near the top of the page.

symmo:

search box switches on and off from admin> tools> layout boxes controller

Then set the sideboxes/search_header.php on

but I really want to get rid of the whole bar ??

Add this to your css file:

#navMainWrapper {display:none;}

Hi thanks for the help its the white near the logo I cant get rid of ?
heres a pic--> in my other thread
the site is running another template till I can sort out the issues
thanks again symmo

jettrue:

Add this to your css file:

#navMainWrapper {display:none;}

Thanks thats thats sorted now just to get the white gone near the top and make the site look more PRO.... thanks for the help im very new this!!
the site is live for a few hours while I do work on it then I use my other template during the day :)

https://www.temp-tattoos.co.uk

any suggestions just let me know thanks

also the site is all spaced nice at the top in FF but in explorer the drop down menu and width is smaller is there a fix for this ?

cheers

Symmo

thanks again

symmo:

Thanks thats thats sorted now just to get the white gone near the top and make the site look more PRO.... thanks for the help im very new this!!
the site is live for a few hours while I do work on it then I use my other template during the day :)

https://www.temp-tattoos.co.uk

any suggestions just let me know thanks

also the site is all spaced nice at the top in FF but in explorer the drop down menu and width is smaller is there a fix for this ?

cheers

Symmo

thanks again
First of all, delete the stylesheet2.css from the server. If its in the css folder and online, zen cart will use it.

jettrue:

First of all, delete the stylesheet2.css from the server. If its in the css folder and online, zen cart will use it.

its gone ive been updating certain files and changing the name of the original so I had a back up LOL my mistake thanks for BIG pionter

any more input gratefully recieved :)

Symmo

Now just need to sort out the width in IE and I would like the white on all the page to be a lightish grey? dont know where to start?

Thanks again YOU ROCK

symmo:

Now just need to sort out the width in IE and I would like the white on all the page to be a lightish grey? dont know where to start?

Thanks again YOU ROCK

Hi!

Well, for the background of the entire site, you can set that in the body tag, like this:

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

for the white that's behind the products section, you'll need to edit the image that is used there, which is content_bg.gif. It's in the includes/templates/apple_zen/images folder.

Thanks again for your pointers!
Another issue:
I have an image (centerbox_bg) in the content area of my page. Right now, my girl is missing her head (sad, but true!) and I would like to set the image so it that it starts just under the bar that has "HOME" in it on the homepage.
I tried adding a padding comment but to no avail. Any ideas?

Thanks again!

Tina

http://charmsandmore.charmedbytina.com

Hi jettrue,

Thanks for all your help and sorry that I skim-read the readme file - I hadn't realised that the narrow header layout would give me the effect I was looking for.
I've added it now and it looks perfect on Firefox but is a bit out on IE. See http://www.keela.co.uk.tango.webhoster.co.uk/catalog/
The client also wants the search button replaced by their own graphic with 'go' on it. How can i swap the button for a graphic?