Apple Zen Support Thread

[MeltDown]

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

Thanks again!

[MeltDown]

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.

[jettrue]

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:
<div class="centerColumn" id="indexDefault">

[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
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

[jettrue]

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

[jettrue]

oops double post

[duxfield]

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.

[MeltDown]

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

Thanks.

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