Apple Zen Support Thread

[duxfield]

I figured out where the extra </div> was in there somewhere, you need to open up includes/templates/apple_zen/common/tpl_main_page.php and see if there is a closing div (</div) after:

<!-- eof upload alerts -->

If so, please remove it. If you look at your page source, you will see there is a </div> right after the above code, and its not supposed to be there.

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.

[MeltDown]

OK, I'm at a loss. Can one of you fine folks tell me where on the stylesheet I can change the background color of the site? (The default being white)
I can change part of the background here:

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

but not the lower portion of the screen.

Thanks!!

Tim

[jettrue]

OK, I'm at a loss. Can one of you fine folks tell me where on the stylesheet I can change the background color of the site? (The default being white)
I can change part of the background here:

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

but not the lower portion of the screen.

Thanks!!

Tim

You would put that in the body tag:
body {
background:#FFDFFF url(../images/site-bg.gif) 0 9em repeat-x;
}

[MeltDown]

You would put that in the body tag:
body {
background:#FFDFFF url(../images/site-bg.gif) 0 9em repeat-x;
}

That did it! Thanks Jade - One more, if I may: (Though I can see that this offering is keeping you pretty busy!) Concerning the logo.gif: I like how it automatically adjusts size-wise, however, how do I keep the text in the logo from distorting?

Thanks again!

Tim

[MeltDown]

That did it! Thanks Jade - One more, if I may: (Though I can see that this offering is keeping you pretty busy!) Concerning the logo.gif: I like how it automatically adjusts size-wise, however, how do I keep the text in the logo from distorting?

Thanks again!

Tim

It looks like I found my answer in post #120 in this thread comcerning resizing and commenting out that section in the stylesheet.

[jettrue]

It looks like I found my answer in post #120 in this thread comcerning resizing and commenting out that section in the stylesheet.

Glad to hear.

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