Apple Zen Support Thread

nrupesh:

I tried that, didnt work... I also saw the content_bg.gif and its plain white without any shadow. Any other clues that might help? Thanks a lot!

Nrupesh

Nope, look again, on the site that you showed me, their content_bg.gif has a shadow that they added. That is how they did it.

helpme:

My site looks fine in IE but in Firefox all of my content is set completely off the page to the right. The only thing that shows on without scrolling is the header and the logo. Any ideas?

It looks like perhaps you recently updated the template, but didn't update your css with the new updates. You have the clearfix tags in the html of the site, but you don't have the clearfix css in the stylesheet.

Add this to your stylesheet:

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

But you also have an error in your html. Your headerWrapper div is closing too early. Open up includes/templates/YOUR_TEMPLATE/common/tpl_header.php, and remove the </div> that is right before this:

  <div class="clearBoth"></div>
  <!--eof-navigation display-->

and move it to the end of the file. I think that will fix the issue.

jettrue:

It looks like perhaps you recently updated the template, but didn't update your css with the new updates. You have the clearfix tags in the html of the site, but you don't have the clearfix css in the stylesheet.

Add this to your stylesheet:

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac */

• html .clearfix {height: 1%;}
  .clearfix {display: block;}
  /* End hide from IE-mac */

>  
> But you also have an error in your html. Your headerWrapper div is closing too early. Open up includes/templates/YOUR_TEMPLATE/common/tpl_header.php, and remove the </div> that is right before this:
>  
> ```
  <div class="clearBoth"></div>
  <!--eof-navigation display-->

and move it to the end of the file. I think that will fix the issue.

Thanks for your help Jade, I change the stylesheet.css file as you said however I still have the problem in Firefox? Any other idea, I did learn that you can't save changed css files so I have taken all of those off.
And I also fixed the haderWrapper.
Thanks for your help!

helpme:

Thanks for your help Jade, I change the stylesheet.css file as you said however I still have the problem in Firefox? Any other idea, I did learn that you can't save changed css files so I have taken all of those off.
And I also fixed the haderWrapper.
Thanks for your help!

I still see an extra </div> after the logo section, and a missing one after the drop menu.

jettrue:

Nope, look again, on the site that you showed me, their content_bg.gif has a shadow that they added. That is how they did it.

Thanks!! That did the trick.... I missed the shadow on the right of their content_bg.gif lol

I might be back later to ask few more questions if thats ok... :)

BTW Can you comment on https://www.pavs.biz/showcase , Its empty now but waiting for the design to be finished before I add any products

Nrupesh

Jettrue - sick of me yet? :blink:

I've had a few suggestions on the site I'm building with your template.

First: "the black category words above your drop down menu is very hard to read". Also at the top the Home/Log In is hard to read.

Second: "rollover text colors do need to be reconsidered - including category flyouts". And they mean it: "The rollovers need work as well"

Can you tell me which files need to be addressed to change the font colors?

Thanks!

http://charmsandmore.charmedbytina.com

charmedbytina2:

Jettrue - sick of me yet? :blink:

I've had a few suggestions on the site I'm building with your template.

First: "the black category words above your drop down menu is very hard to read". Also at the top the Home/Log In is hard to read.

Second: "rollover text colors do need to be reconsidered - including category flyouts". And they mean it: "The rollovers need work as well"

Can you tell me which files need to be addressed to change the font colors?

Thanks!

http://charmsandmore.charmedbytina.com

You would do that in the css.

#navCatTabsWrapper a:link, #navMainWrapper a:link {color:#ffffff;}
#navCatTabsWrapper a:hover, #navMainWrapper a:hover {color:#ffffff;}
#navCatTabsWrapper a:visited, #navMainWrapper a:visited {color:#ffffff;}

The category rollovers for the dropdown menu are in the stylesheet_header_menu.css stylesheet, and to change the link colors for the site in general, you would do that with this section:

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;
}

As always - speedy response and right on with the answers!

THANKS A MILLION!

:clap:

jettrue:

I still see an extra </div> after the logo section, and a missing one after the drop menu.
Jade, is it there now? I moved the </div> down to the bottom of the file and it turned my logo into a white slit. I tried moving it to other places and still the same thing. My site is also still screwed up in Firefox, any other ideas?
I also have one other question, I noticed that charmedbytina.com is fluid, can AppleZen be fluid also? If so how can I do that?
Thanks for your help!

helpme:

Jade, is it there now? I moved the </div> down to the bottom of the file and it turned my logo into a white slit. I tried moving it to other places and still the same thing. My site is also still screwed up in Firefox, any other ideas?
I also have one other question, I noticed that charmedbytina.com is fluid, can AppleZen be fluid also? If so how can I do that?
Thanks for your help!

Could you PM me a copy of your includes/templates/apple_zen/common/tpl_header.php?

I'm not sure about making it fluid, that would take quite a bit of adjustment.

I would like to remove the Gift Certificate FAQ link in the INFROMATION pull down menu. I commented it out of the headermenu.php but it is still there.
I really want to remove all references to Gift Certificates. Can this entire process be disabled? Discount coupons are okay to keep, however, if it is easier to eliminate both, it won't break my heart.

Any help would be appreciated.

I couldn't figure out how to delet the previous message. I found the answer using search. The answer was to simply turn off the Gift Certificate Module. I hope that remove all reference to Gift Certificates.

Sorry for the unnecessary post.

Jade:
I noticed that there is a leading space in front of the Store name on the Contact Us page. I checked the other sites that are using your template and all of them have the leading space.
I searched for but could not find the appropriate file to remove the space. I thought it would be the includes/languages/english/contact_us.php file but no luck there.

Got a fix?

Jettrue, is it possible that you will make your template compatible with ImageHandler? I made few clean instalations and it looks like this template make an errors. Or by the way, is any other way to manage of image on ZC (not using ftp)? I went through many posts on forum but it looks that it is weak side of ZC that someone cannot easy manege with images.
Thank you
Braad

braad:

Jettrue, is it possible that you will make your template compatible with ImageHandler? I made few clean instalations and it looks like this template make an errors. Or by the way, is any other way to manage of image on ZC (not using ftp)? I went through many posts on forum but it looks that it is weak side of ZC that someone cannot easy manege with images.
Thank you
Braad

I use this template with Image Handler with no issues, as far as I know, there isn't anything in this template stopping image hander.... what is the issue?

how do i take this off?? .......To change any of the site colors, open up includes/templates/apple_zen/css/stylesheet.css. To overwrite your own logo, upload your logo.gif to includes/templates/apple_zen/images/

and also i can't change the bg color i got the middle to change but the main background is still white

one last thing lol how to i put my site name in the header

please help and thank you i love the template

hllight:

Jade:
I noticed that there is a leading space in front of the Store name on the Contact Us page. I checked the other sites that are using your template and all of them have the leading space.
I searched for but could not find the appropriate file to remove the space. I thought it would be the includes/languages/english/contact_us.php file but no luck there.

Got a fix?

I don't see the leading space on my test site, but the store name has <address> and <strong> in front of it if you view the source, so you can style it with those tags in the css.

urbnsoul:

how do i take this off?? .......To change any of the site colors, open up includes/templates/apple_zen/css/stylesheet.css. To overwrite your own logo, upload your logo.gif to includes/templates/apple_zen/images/

and also i can't change the bg color i got the middle to change but the main background is still white

one last thing lol how to i put my site name in the header

please help and thank you i love the template

Any text like that will be found in a language file. The easiest way to find out where text to change is, is to go to your admin, go to "Tools", "Developer Tool Kit". I always go down to the last form which is "Look-up in all files", choose an option from the drop down menu, and do a search for To overwrite your own logo and it will tell you where it is.

If you want to change the body background color, you style that in the css in the body tag:

body {background:#333333;}

As for your site name in the header, do you mean in the browser title bar? That is also done in a language file, meta_tags.php I believe.

Jade:
I have attached a small screen capture of what I am talking about on the "contact us" pages. I have pointed out the space on the capture from my site and shown captures from two other sites that I grabbed from other forum member's sites:

hllight:

Jade:
I have attached a small screen capture of what I am talking about on the "contact us" pages. I have pointed out the space on the capture from my site and shown captures from two other sites that I grabbed from other forum member's sites:

That must be an IE only thing? I think I remember this issue from another thread... IE has some "auto" settings for certain tags.

Try setting this in the css:

address {padding:0;margin:0;}