Apple Zen Support Thread

jettrue:

Remove this background color:
#headerWrapper {
width:100%;
text-align:center;
margin:0 auto;
background:#fff;
}

That removed a small white line, but didn't take the whole lot out :(

Thanks for getting back to me so quickly :)

bump

Can someone help me out?

Thanks,
Sarah

mycompleteness:

Hi there,

I've been working on a zen cart set up at http://www.jadeleonard.com/store. Everything is in working order, however I've got two little niggly layout issues I can't seem to fix.

1. As you can see, the layout has two vertical dark brown strips that enclose the main column. They all align apart from the ones behind the drop-down menu, with that one being 1-2 pixels out either to the left or right (depending on the browser).

The brown strips are a background image behind the drop-down menu. The image is currently set up as "align:center", which seems to be the cause. If I take "align:center" out, the background floats to the far left edge of the browser window. Is there anywhere in the CSS that I can force the drop-menu container to be 606px wide, so it forces the background into aligning with the rest of the layout?

2. If you look at other pages of the website, eg. http://www.jadeleonard.com, the footer information is within the brown vertical strips. I tried putting the background in the footer CSS, but it left gaps. Any suggestions on how to wrap the complete footer with the correct background?

If anything is unclear, please don't hesitate to tell me.

Thanks :)

mycompleteness:

bump

Can someone help me out?

Thanks,
Sarah

1. I'm not seeing that issue.

2. Put the image in the footer, and then I can help with the gap. I can't help fix it if it's not there. :P

jettrue:

1. I'm not seeing that issue.

2. Put the image in the footer, and then I can help with the gap. I can't help fix it if it's not there. :P

1. I've "broken" it so you can see the problem without my poor fix. I'm trying to get that menu to sit in the center, without using "background-align:center" because it causes it to be off-center in some browsers (which is why you probably couldn't see the problem, you're lucky!).

To better explain, I need the div that the drop-down menu background sits in to have a fixed width of 606px. Changing the current width from "100%" to "606px" doesn't help.

From Stylesheet.css:

#dropMenuWrapper {
width:100%;
background:url(../images/background.jpg) repeat-y;
margin:0 auto;
height:2.18em;
position:absolute;
top:0;
left:0;
}

2. I've put the image in the footer now for you to see.

Thanks, I hope that makes the issues a little clearer :)

mycompleteness:

1. I've "broken" it so you can see the problem without my poor fix. I'm trying to get that menu to sit in the center, without using "background-align:center" because it causes it to be off-center in some browsers (which is why you probably couldn't see the problem, you're lucky!).

To better explain, I need the div that the drop-down menu background sits in to have a fixed width of 606px. Changing the current width from "100%" to "606px" doesn't help.

From Stylesheet.css:

#dropMenuWrapper {
width:100%;
background:url(../images/background.jpg) repeat-y;
margin:0 auto;
height:2.18em;
position:absolute;
top:0;
left:0;
}

> 
> 2. I've put the image in the footer now for you to see.
> 
> 
> Thanks, I hope that makes the issues a little clearer :)

That's really complicated. I would try creating a div that encloses the whole store, and apple the background there, than trying to apply it in 10 different places. Or better yet, center a background image for the whole body of the site.

jettrue:

That's really complicated. I would try creating a div that encloses the whole store, and apple the background there, than trying to apply it in 10 different places. Or better yet, center a background image for the whole body of the site.

Thanks for replying. I really didn't think it would be all that complicated, but everything I'm trying seems to be failing miserably!

Doesn't the div "mainWrapper" enclose the whole store (excluding the footer)? I did try putting the background in there, but as usual, it gets stuck to the left side of the page and not centered.

If you have an idea of what I need to write into the CSS (I expect it to be under another id, eg. "mainBGwrapper"), please let me know. Everything I've tried is still stuck to the left side, even when align:center and background-align:center are used.

I'm sure I've just left my brain somewhere, but this is bugging me terribly. I fail at problem-solving today!

Thanks heaps.

mycompleteness:

Thanks for replying. I really didn't think it would be all that complicated, but everything I'm trying seems to be failing miserably!

Doesn't the div "mainWrapper" enclose the whole store (excluding the footer)? I did try putting the background in there, but as usual, it gets stuck to the left side of the page and not centered.

If you have an idea of what I need to write into the CSS (I expect it to be under another id, eg. "mainBGwrapper"), please let me know. Everything I've tried is still stuck to the left side, even when align:center and background-align:center are used.

I'm sure I've just left my brain somewhere, but this is bugging me terribly. I fail at problem-solving today!

Thanks heaps.

Do you realize there's no such thing as background-align:center.

Here's information about the background tag:

http://www.w3schools.com/css/pr_background-position.asp

#mainWrapper does not enclose the whole store, view the source of the site to see where it starts.

jettrue:

Do you realize there's no such thing as background-align:center.

Here's information about the background tag:

http://www.w3schools.com/css/pr_background-position.asp

#mainWrapper does not enclose the whole store, view the source of the site to see where it starts.

Yes I do realise background-align doesn't exist and that I meant background-position, I just called it the wrong name in my post.

When placing a centered background wrapping the entire shop (from before the header, before everything), it still causes it to be off-centre. All I can tell is that it needs to be within a div that is 606px wide (same as the shop width where the header image and other backgrounds have worked so far), but just for behind the drop menu and the footer, and not use a centered tag. Looks like I'll just have to live with the issue because I can't figure it out (and nobody else seems to be able to either).

Thanks for trying anyway, and good luck with your lovely templates :)

mycompleteness:

Yes I do realise background-align doesn't exist and that I meant background-position, I just called it the wrong name in my post.

When placing a centered background wrapping the entire shop (from before the header, before everything), it still causes it to be off-centre. All I can tell is that it needs to be within a div that is 606px wide (same as the shop width where the header image and other backgrounds have worked so far), but just for behind the drop menu and the footer, and not use a centered tag. Looks like I'll just have to live with the issue because I can't figure it out (and nobody else seems to be able to either).

Thanks for trying anyway, and good luck with your lovely templates :)

I think your best bet would be to create a new div, that is above the header, down to below the footer, and put the background image there. Then you don't have to worry about pixels being off here or there. :)

Hello, I have a question in regards to my main page. I have added some images my home page using the Define Pages Editor. It looks fine in IE7 and Firefox, but not IE6. In IE6, my sidebox displays below the main page images. Is there something in the CSS i need to address? Thanks for your help.
https://www.paperazzidesigns.com

I am trying to get the EZ pages to display underneath the define pages on the right hand side but they just display above. They are also displaying centred with bullets instead of the same formatting as the other list ie left aligned, without bullets.

What am I doing wrong? Thanks in advance

I am using version 1.3.7 and the AppleZen template. I have also posted this on the General forum, in the event this is not an Applezen specific issue.

Is there a setting to allow multiple products per row in the category listing? See page below. I would like the products to show side by side in two or three columns vs 1 vertical column. Any help would be appreciated.
http://www.aaadisplaygroup.com/index.php?main_page=index&cPath=75_77

hllight:

I am using version 1.3.7 and the AppleZen template. I have also posted this on the General forum, in the event this is not an Applezen specific issue.

Is there a setting to allow multiple products per row in the category listing? See page below. I would like the products to show side by side in two or three columns vs 1 vertical column. Any help would be appreciated.
http://www.aaadisplaygroup.com/index.php?main_page=index&cPath=75_77
The "Column Layout Grid" template alteration was recommended as a possible solution. Before installing, I want to make sure it is compable with AppleZen. Does anyone have experience with this alteration and Applezen?

hllight:

The "Column Layout Grid" template alteration was recommended as a possible solution. Before installing, I want to make sure it is compable with AppleZen. Does anyone have experience with this alteration and Applezen?

Yes, I've done it before. :)

backinthesaddle:

I am trying to get the EZ pages to display underneath the define pages on the right hand side but they just display above. They are also displaying centred with bullets instead of the same formatting as the other list ie left aligned, without bullets.

What am I doing wrong? Thanks in advance

Link Please? Thanks!

jettrue:

Link Please? Thanks!

Sorry - here is the link:

http://91.198.165.221/~liquidat/

You can see FAQ and Payment in the r/h column - these are the EZ pages

I would like them to appear under the information heading with the define pages items, as they do in the the main drop down menu.

At the moment in layout boxes controller I have
single column status = 0n
left/r = on

Ohh - I have just played around with the sort order and got them to appear under the information heading. :D However, they are still centred and bulletted - where could I change that so they look like they are part of one list and in the same layout style as the define pages?

I have got most things to work on the site by following your instructions in the readme file, and scouring these threads, but just can't seem to crack this one! I really appreciate your support and all the hard work that has gone into this template.

However, they are still centred and bulletted - where could I change that so they look like they are part of one list and in the same layout style as the define pages?

apologies for the double post but I have worked out the file I need to amend

/public_html/includes/templates/apple_zen/sideboxes/tpl_ezpages_drop_menu.php

I have removed the bullet, and inserted a line break but am now not sure how to stop the centering?

Just a quick thanks to Jade for this great template...

It's so well-structured and logical, and is therefore quite customizable.

I'm trying it on a new site (still in early development), but who would know that:

https://www.callmecupcakes.co.uk

... is using Apple Zen ?

Hi,

I've just installed apple zen on a clean install (lovely design - thank you) and I can only display the INFORMATION side box, none of the others appear. I've switched it on in layout settings and switched the relevant sidebox in in layout boxes controller.

I tried reinstalling the template just in caase i'd missed anything.

Any ideas?

thank you

backinthesaddle:

Sorry - here is the link:

http://91.198.165.221/~liquidat/

You can see FAQ and Payment in the r/h column - these are the EZ pages

I would like them to appear under the information heading with the define pages items, as they do in the the main drop down menu.

At the moment in layout boxes controller I have
single column status = 0n
left/r = on

Ohh - I have just played around with the sort order and got them to appear under the information heading. :D However, they are still centred and bulletted - where could I change that so they look like they are part of one list and in the same layout style as the define pages?

I have got most things to work on the site by following your instructions in the readme file, and scouring these threads, but just can't seem to crack this one! I really appreciate your support and all the hard work that has gone into this template.
Try opening icludes/templates/YOUR_TEMPLATE/sideboxes/tpl_information.php

If you go into that file, move them where you want them, and then wrap them in <li> and </li> they should format nicely. Also remove the