Apple Zen Support Thread

And yet another question... (Sorry - I can see the light at the end of the tunnel, however, which means I'll soon be off your back :wink2:)

Concerning the "About us" page: Can you clarify how to remove it form the drop-down? I don't see any instance of it in tpl_drop_menu.php.

Thanks again - Tim

MeltDown:

And yet another question... (Sorry - I can see the light at the end of the tunnel, however, which means I'll soon be off your back :wink2:)

Concerning the "About us" page: Can you clarify how to remove it form the drop-down? I don't see any instance of it in tpl_drop_menu.php.

Thanks again - Tim

As for your previous question, try changing the percentage for the
#navMainWrapper tag.

The about us page is definitely in tpl_drop_menu.php:

That did it on both counts! (Set the #navMainWrapper tag to 2.25 - Just right!)

Thanks again! :D

The text in header.php is not centered vertically. Is there a way to adjust this?

Here's a link, if you need a visual:
Piitivintage

Also, I could see wanting to add a more substantial and/or decorative font there at some point. Is that an option?

Thanks!

duxfield:

Hi Jade - I checked my tpl_main_page.php and I can't find a div after the <!-- eof upload alerts --> line. I've attached the file for you to look at. Also, I tried viewing the web page with Firefox and yeah, those extra bits of border at the top of the breadcrumb bar don't appear. Must be an IE issue as you say. Thanks.

Hi Jade - I'm still having a few issues that I can't sort out:

• Lower border graphic now displaying up under the breadcrumb bar. This happens in Firefox and IE.
• White space gap between the top of the main image and the breadcrumb bar. This happens in Firefox as well as IE.
• Whitespace padding on the left-hand and bottom edges of the main image. This only happens in IE.
• Little bits of border sticking up on both sides of the top of the breadcrumb bar. This only happens in IE.
• Fine white line showing just under the portion of the page that the Search box is displayed in (Is that called the EZ-Pages area?). This only happens in Firefox.

If you could help with any of these I'd really appreciate it. Thanks alot.

duxfield:

Hi Jade - I'm still having a few issues that I can't sort out:

• Lower border graphic now displaying up under the breadcrumb bar. This happens in Firefox and IE.
• White space gap between the top of the main image and the breadcrumb bar. This happens in Firefox as well as IE.
• Whitespace padding on the left-hand and bottom edges of the main image. This only happens in IE.
• Little bits of border sticking up on both sides of the top of the breadcrumb bar. This only happens in IE.
• Fine white line showing just under the portion of the page that the Search box is displayed in (Is that called the EZ-Pages area?). This only happens in Firefox.

If you could help with any of these I'd really appreciate it. Thanks alot.

You do have an extra </div> somewhere that needs to be removed. Its causing at least one of the above issues.

It could also be at the top of tpl_index_default.php, before:

Hey there! I love this template! I have been playing around with it, cause i dont know any better or i am a sucker for punishment or....None the less, I love this template!

Anywho, I have been trying to tweak it to match my logo colors and for the life of me cannot find how to change the grey sideboxes on the right. I have read and re read and I am about dizzy!

Oh my site is
https://www.bovinebubblesandhogwash.com/shop

Oh and I cannot seem to get my logo(header) big enough or centered vertically....

Appreciate your help and contributions!

Cara

caradelrae:

Hey there! I love this template! I have been playing around with it, cause i dont know any better or i am a sucker for punishment or....None the less, I love this template!

Anywho, I have been trying to tweak it to match my logo colors and for the life of me cannot find how to change the grey sideboxes on the right. I have read and re read and I am about dizzy!

Oh my site is
https://www.bovinebubblesandhogwash.com/shop

Oh and I cannot seem to get my logo(header) big enough or centered vertically....

Appreciate your help and contributions!

Cara

The grey background is an image. Its called content_bg.gif. You'll have to open it in an image program, and change the grey to the color you want.

Change the logo section's width:

#logo {
	width:19.1em  /* To prevent the logo from resizing, simply delete or comment out this section */
	}

You can either try a larger em value until its about right (then the logo will resize when someone changes font size), or you can enter its real width (then it won't resize).

To center the logo, add this to the above #logo section:

margin:0 auto;
text-align:center;

and then remove #logo from this section:

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float:left;
	}

oops double post

jettrue:

You do have an extra </div> somewhere that needs to be removed. Its causing at least one of the above issues.

It could also be at the top of tpl_index_default.php, before:

<div class="centerColumn" id="indexDefault">

Thanks Jade - I checked that file but can't see any extra </div>. Actually I've never changed that file or the tpl_main_page.php file at all. They are just as they were when I installed Zen Cart and when I installed the Apple Zen template.

jettrue:

The grey background is an...

and then remove #logo from this section:

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float:left;
}

Hi Jade - This response spoke to my question as well. I was able to implement these suggestions successfully. However, the edges of the font within my logo seem jagged. Any idea why that would be?

Here's a link, if that helps:
[PittiVintage](http://pittivintage.com/)

Thanks.

Hmmm... I just noticed that it also seems to have removed my background image:

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

Hi Again

I have hit a strange little snag, I don't know how it happened, cos this is the first time I have tried to edit it, but after creating about_us.php in includes/languages/english/html_includes/ I can edit it in the Define Pages editor but clicking the link in the shop menu points to the call "FILENAME_ABOUT_US" rather than redirecting to "about_us" so it defaults back to the main page.

I've been looking for ages... can you tell me which file points the FILENAME_BLAH calls to th actual pages? ie 'Blah'

Thanks :)

www/fleshmetal.com.au/137

MeltDown:

Hi Jade - This response spoke to my question as well. I was able to implement these suggestions successfully. However, the edges of the font within my logo seem jagged. Any idea why that would be?

Here's a link, if that helps:
PittiVintage

Thanks.

In your css, you have your #logo's width as 750em. Em's are different than px's. Change that to 750px. :-)

duxfield:

Hi Jade - I checked my tpl_main_page.php and I can't find a div after the <!-- eof upload alerts --> line. I've attached the file for you to look at. Also, I tried viewing the web page with Firefox and yeah, those extra bits of border at the top of the breadcrumb bar don't appear. Must be an IE issue as you say. Thanks.

Hi duxfield,

in tpl_main_page.php, remove the </div> in this section:

<?php require(DIR_WS_MODULES . zen_get_module_directory('column_left.php')); ?>
<?php
}
?>
</div>

ghostcorps:

Hi Again

I have hit a strange little snag, I don't know how it happened, cos this is the first time I have tried to edit it, but after creating about_us.php in includes/languages/english/html_includes/ I can edit it in the Define Pages editor but clicking the link in the shop menu points to the call "FILENAME_ABOUT_US" rather than redirecting to "about_us" so it defaults back to the main page.

I've been looking for ages... can you tell me which file points the FILENAME_BLAH calls to th actual pages? ie 'Blah'

Thanks :)

www/fleshmetal.com.au/137

Did you use the about us mod in the download section to add the about us page? There are quite a few things that need to be added if I remember correctly. Here's a link to the download:
http://www.zen-cart.com/index.php?main_page=product_contrib_info&cPath=40_47&products_id=182

It should help you figure out what's wrong with your about us installation.

MeltDown:

Hmmm... I just noticed that it also seems to have removed my background image:

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

No, its not any css that is making your background image go away. It's because you are mising a closing </div> in your site.

open up your tpl_header.php, and add back a closing </div> right before this:

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

Hi Jade

I'm still having problems removing a white space from my site www.giftsofwonder.co.uk

The space appeared when I removed navigation display from the tpl_header.

Is there any way of fixing this issue or removing the navigation display.

Many Thanks

Toby :dontgetit

jettrue:

No, its not any css that is making your background image go away. It's because you are mising a closing </div> in your site.

open up your tpl_header.php, and add back a closing </div> right before this:

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

That did bring back my background image. However, originally my striped background image began part way down the page, as yours did. Now the background image is riding from the top on down. Previously I had a headerwrapper background color that is now under the background image. The code that generated that color seems to have been over-ridden.

#headerWrapper {
	width:100%;
	text-align:center;
	margin:0 auto;
	background:#FFDFFF;
	}

Any suggestions on how to bring that backround color back?

Sorry to be such a pain. I'm a bit out of my league here. If I can just get the main construction of the page under control I can move forward.

Thanks again - Tim

Concerning the ragged edges of the text on my logo: If I look at the properties of the logo.gif online in IE & FF the stated dimentions of the logo are larger than the logo actually is. IE says 817x84 while FF says 821x84. The logo iteself is actually 750x84.
I assume this stretching would distort the text. In my header.php the dimentions are correct. In the stylesheet the dimentions are now correct. (px instead of em, as suggested) Even if I comment out the #logo it is still listed as larger then it should be.

Sigh... Any suggestions anyone?