Apple Zen Support Thread

Dear Jade,

CSS adjustment needed. Please look on my site under Bestsellers (lower right-hand sidebox). Note that the number 1 is showing up outside the green side panel area. How do I fix this? Thank you so much!

http://horse-logos.com

Bestsellers
1. Arab Flag - Arabian horse clip art...

Quote:

---

Originally Posted by jonisolis

Dear Jade,

CSS adjustment needed. Please look on my site under Bestsellers (lower right-hand sidebox). Note that the number 1 is showing up outside the green side panel area. How do I fix this? Thank you so much!

http://horse-logos.com

Bestsellers
1. Arab Flag - Arabian horse clip art...

---

My default apple zen has this:
ul, ol {
text-align:left;
padding-left:25px;
margin-left:10px;
margin-bottom:10px;
}

and that is missing from your site. If you prefer not to have most lists indented like that, you can do this instead:

#bestsellersContent ol {
text-align:left;
padding-left:25px;
margin-left:10px;
margin-bottom:10px;
}

Quote:

---

Originally Posted by MeltDown

Hi Jade - Originally I posted about this in Email - Newsletters. However, my problem doesn't seem to be ringing any bells with DrByte and Merlin. I wonder if it may be Apple Zen related?
Here's the original thread:
http://www.zen-cart.com/forum/showth...936#post355936

I'll summarize my issue here: when placing a test order, I'm receiving an order confirmation email that only says:


And an [EXTRA CC ORDER info] email that only says:


I re-uploaded all files in the /email folder

I re-uploaded /includes/functions/functions_email.php

I re-uploaded the includes/classes/ files

All other email functions seem to be normal and I do correctly receive the [NEW ORDER] Order Confirmation that details the order specifics.

My problem is in my PittiVintage site.

Any idea what might be going on?

As always, thanks for taking the time to look into these things for me, it is much appreciated. Tim

---

Hi Tim,

Sorry I have no idea, and haven't ever encountered this issue before. I can't imagine that it could be template related....

Quote:

---

Originally Posted by kuroi

Hi Amy

That button is built into the flash itself and that's almost certainly where you would need to make changes. Flash allows you to build whole user interfaces so a simple "click here" link is well within its capabilities, but it's a whole different way of working and not something that can be covered in a quick forum post here.

You could try placing a wrapping an HTML link around the banner, but then you would still have to give the flash banner a transparent background (see Adobe Technical notes 15523 and 14201) and adjust the z-indices to get the link on top. Even then, irritatingly, you're likely to find that although it will work fine in some browsers, in Internet Explorer visitors will need to double click - so not a great solution. Which brings us back to editing the Flash.

---

Thanks! I have so much to learn!
Amy

#bestsellersContent ol {
text-align:left;
padding-left:25px;
margin-left:10px;
margin-bottom:10px;
}

Dear Jade,
I added the above coding and that worked great. Thanks!

I have been trying to mess with my stylesheet to fix the TOC box that you can see here: http://www.doodlebuckets.com/store/i...d=10&chapter=1

I have changed nowrap to wrap but then the wrapped part doesn't indent and line up with the other text and I cannot figure out how to make the box wider. My preference would be to have it wrap and indent. Can you tell me what to change in my stylesheet to make this happen?

Thanks! Amy

OK, I played some more and changed the code to

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
margin: 0;
width: 57%;
}

and everything fits now. But do you think that wrapping with an indent would look better?
Amy

Dear Jade,

On my product pages my check boxes are on an angle; they are not lining up with each other. You have to look at the page to understand:
http://www.horse-logos.com/arab-flag...-clip-p-6.html

Also can you tell me where/what I need to change to add a bit more space between the name of the product option and the option choices. Thanks!

Quote:

---

Originally Posted by jonisolis

Dear Jade,

On my product pages my check boxes are on an angle; they are not lining up with each other. You have to look at the page to understand:
http://www.horse-logos.com/arab-flag...-clip-p-6.html

Also can you tell me where/what I need to change to add a bit more space between the name of the product option and the option choices. Thanks!

---

Put this code into your stylesheet and it will be fixed!

.wrapperAttribsOptions input[type=radio], .wrapperAttribsOptions input[type=checkbox] {
float:left;
margin:.2em .5em .2em 0;
}

I had this...

.wrapperAttribsOptions {
margin:0.3em .9em 0;
}

Now I have this...

.wrapperAttribsOptions input[type=radio], .wrapperAttribsOptions input[type=checkbox] {
float:left;
margin:.2em .5em .2em 0;
}

That straightened out the boxes but I still would like a little more space between the options and between the option names and choices

What do I have to play with for that?