Apple Zen Support Thread

[shane102]

Hi all,

Nice template Jade, I've installed it on my website and it installed quickly and without problems.

That said there have been a couple of things that have changed after installing the template.

#1 All of the links on my website have changed from blue to dark grey and are no longer underlined, thus they are not very easy to see.

#2 I use some DHTML to create text popups on the front page of my site but they don't appear where they should relative to the text that activates them, also if I then hover the mouse over one of the product images(imagehandler2) the text popups no longer function until I refresh the page??

other wise I'm very pleased with the template.(donation will arrive after I begin to earn some from the site)

If anyone could enlighten me as to how to fix the above then

shane http://www.greyonblue.com

I would also like to hear peoples opinions of my site

[jettrue]

Hi all,

Nice template Jade, I've installed it on my website and it installed quickly and without problems.

That said there have been a couple of things that have changed after installing the template.

#1 All of the links on my website have changed from blue to dark grey and are no longer underlined, thus they are not very easy to see.

#2 I use some DHTML to create text popups on the front page of my site but they don't appear where they should relative to the text that activates them, also if I then hover the mouse over one of the product images(imagehandler2) the text popups no longer function until I refresh the page??

other wise I'm very pleased with the template.(donation will arrive after I begin to earn some from the site)

If anyone could enlighten me as to how to fix the above then

shane http://www.greyonblue.com

I would also like to hear peoples opinions of my site

1. Change the links styling in the stylesheet.css:

a:link {
color:#4f4f4f; /*site links color */
text-decoration:none;
}

a:visited {
text-decoration:none;
color:#313131;
}

a:hover {
color:#000000; /* color when links are hovered over */
text-decoration:none;
}

2. I didn't design the dhtml thingie, but it looks like you need to make some adjustments to it. Look at the code that you pasted into your site, and find out where you need to adjust the numbers so it doesn't go so far down the page. As for its interaction with IH2, I have no earthly idear, sorry!

[cache529]

Hi Jade,

Thank you for this contribution. I changed the color of the dropdown menu when unselected to match the color of the dropdownMenuWrapper...I was able to put the line back in the last tab (Shopping Cart), but how do I add a line to the front of the "Home" tab. Thank you for your assistance.

[jettrue]

Hi Jade,

Thank you for this contribution. I changed the color of the dropdown menu when unselected to match the color of the dropdownMenuWrapper...I was able to put the line back in the last tab (Shopping Cart), but how do I add a line to the front of the "Home" tab. Thank you for your assistance.

Forst open up includes/templates/apple_zen/common/tpl_drop_menu.php, and give the home link a class like this:

<a class="leftLine" href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_CATALOG; ?></a>

And then add this to your stylesheet_header_menu.css:

div#dropMenu li a.leftLine {border-left:1px solid #ffffff}

[cache529]

Forst open up includes/templates/apple_zen/common/tpl_drop_menu.php, and give the home link a class like this:

<a class="leftLine" href="<?php echo zen_href_link(FILENAME_DEFAULT); ?>"><?php echo HEADER_TITLE_CATALOG; ?></a>

And then add this to your stylesheet_header_menu.css:

div#dropMenu li a.leftLine {border-left:1px solid #ffffff}

Cool...that worked...thanks!

[RobertV]

Wondering if you can help ...

I just installed Zen Lightbox on a fresh install of Zen Cart 1.3.8a.

I have been designing my site around your awesome Apple Zen template and have encountered my first issue.

The product image is properly displayed in the lightbox when viewing the site with IE7 on a PC. However when viewing the image in Firefox (PC) or Safari (Mac) the Apple Zen top navigation bar stays on top of the image and the lightbox.

Can you help? Did I miss something in the setup? Should I be asking this in the Zen Lightbox support forum?

Thanks for your time and wonderful contribution.

Robert

[jettrue]

Wondering if you can help ...

I just installed Zen Lightbox on a fresh install of Zen Cart 1.3.8a.

I have been designing my site around your awesome Apple Zen template and have encountered my first issue.

The product image is properly displayed in the lightbox when viewing the site with IE7 on a PC. However when viewing the image in Firefox (PC) or Safari (Mac) the Apple Zen top navigation bar stays on top of the image and the lightbox.

Can you help? Did I miss something in the setup? Should I be asking this in the Zen Lightbox support forum?

Thanks for your time and wonderful contribution.

Robert

Do a search in this thread for lightbox, there's a lot of information on that topic in this thread.

[RobertV]

Do a search in this thread for lightbox, there's a lot of information on that topic in this thread.

Hi Jade

Thanks so much for your help and direction.

Elsewhere in this thread, I found the instructions for increasing the z-index to 1000 (I've copied the instructions below for the benefit of others) but wasn't sure where to find this code.

A search revealed it was in the file "stylesheet_lightbox.css" found in Web-Site-Address/includes/templates/apple_zen/css/

I made the modification (increasing z-index:100 to 1000) and everything appears to be working well now.

Thanks again Jade for a great template

Instructions:

Try changing the z-index on this section to 1000:

#lightbox {
left:0;
line-height:0;
position:absolute;
text-align:center;
top:40px;
width:100%;
z-index:100;
}