Apple Zen Support Thread

[jettrue]

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>

[duxfield]

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>

Hi Jade - Success!!! I removed that </div> and it moved the lower border graphic back down to the bottom of the page. Thank you. To try remove the white space padding around the center image I increased the width and height of the image by 3 pixels in the html code in the define_main_page.php in Define Pages. This removed the padding between the left hand side of the image and the left hand border, but no matter how much I increased the height it wouldn't remove the padding between the breadcrumb bar and image, and between the image and the lower border graphic. Did I do the right thing?

Also how the heck did you know that was the offending </div>? I counted all the <divs> in that file and there was an even number and I assume you need one to open the div and one to close it.

Anyways I'm left with just a few issues now:

- White space gap between the top of the main image and the breadcrumb bar. This happens in Firefox as well as 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.

I also have an error when I get to the select payment step in the shopping process but we'll get to that later I think :)

Thank you for helping.

[MeltDown]

Concerning the main text area: Could you tell me how to change the background color of this area?

Thanks.

[jdickson]

How and where can you change the background of the entire layout? I found where I can change the BG of just the middle/main section, but I want it to extend from the top to the bottom of the browswer. Many thanks and a great product!!!

[jdickson]

How and where can you change the background of the entire layout? I found where I can change the BG of just the middle/main section, but I want it to extend from the top to the bottom of the browswer. Many thanks and a great product!!!

Please disreguard, found solution!

[tobicky]

Hi Jade

Re: removing white space from giftsofwonder.co.uk

I tried to remove the white line by changing the following...

Change:
#centerColumnOuter {
margin:-.1em .5em 0 .5em;
width:70em;
height:1.15em;
position:relative;
}


TO:


#centerColumnOuter {
margin:-.1em .5em 0 .5em;
width:70em;
position:relative;
clear:both;
}

However, the white space still appears to be there......can you suggest anything else?

Kind regards

Toby

[jettrue]

Hi Jade

Re: removing white space from giftsofwonder.co.uk

I tried to remove the white line by changing the following...

Change:
#centerColumnOuter {
margin:-.1em .5em 0 .5em;
width:70em;
height:1.15em;
position:relative;
}


TO:


#centerColumnOuter {
margin:-.1em .5em 0 .5em;
width:70em;
position:relative;
clear:both;
}

However, the white space still appears to be there......can you suggest anything else?

Kind regards

Toby

Every time I look at your site, in your css, I still see the old css there:

#centerColumnOuter {
margin:-.1em .5em 0 .5em;
width:70em;
height:1.15em;
position:relative;
}

I was hoping that you'd change it and leave it the corrected way, so I could further investigate.

However, since you're not using that section anyway, and changing it doesn't seem to be working for you, go ahead and open up includes/templates/YOUR_TEMPLATE/common/tpl_main_page.php and remove this:
<div id="centerColumnOuter"></div>

EVEN IF that does not fix your problem, please leave it that way, and I'll further investigate.

Thanks!

[MeltDown]

Two questions: Concerning the main text area: Could you tell me how to change the background color of this area?

Second: Is it possible to have an image where the center navagation bar is? (but still have the nav bar function)
Here's what I have so far, but it doesn't seem to have any effect:

#navEZPagesTop {
	background:#FFDFFF; url(../images/Lipstick.gif) repeat-y; 
	}

Thanks.

[jettrue]

Two questions: Concerning the main text area: Could you tell me how to change the background color of this area?

Second: Is it possible to have an image where the center navagation bar is? (but still have the nav bar function)
Here's what I have so far, but it doesn't seem to have any effect:

#navEZPagesTop {
	background:#FFDFFF; url(../images/Lipstick.gif) repeat-y; 
	}

Thanks.

Hi there,

It seems you're currently having a symptom of an error I made on common/tpl_main_page.php. (we're talking about the pitti vintage site, right? Please post the link to the site in question whenever you post, thanks!)

Before we address the issues above, you'll need to replace includes/templates/apple_zen/common/tpl_main_page.php. I've attached the file as a txt file. I've updated Apple Zen with these changes (1.5).

Then you'll need to make these changes in your css.

Change:

#navColumnTwo, #navColumnOne {
	float:right;
	position:relative;
	}

to:

#navColumnTwo, #navColumnOne {
	float:right;
	position:relative;
	width:20%;
	}

You can remove this section:

.columnRight, .columnLeft {
	width:20%;
	float:right;
	}

duxfield, I'll PM you, but you'll need the same changes.

OK, for the questions you just asked... background color of the "main text area"... I think you're talking about the portion that is white behind the products, then grey behind the right column? That is controlled by an image. If you'd like the white and grey all to be the same color, then you can change this:
#centerColumnWrapper2{
background:url(../images/content_bg.gif) repeat-y 80% 0;
}

to:
#centerColumnWrapper2{
background:#000000;
}

BUT if you want to keep the grey, and just have the white different, you'll need to open up the includes/templates/apple_zen/images/content_bg.gif with an image program, and change the white to the color you would like.

The center navigation bar... are you talking about the blue bar with your categories? That is not #navEZPagesTop, that is #navCatTabs.

[jdickson]

(Please see screenshot)

1. How do I remove the "padding" below the logo and the navigation?

2. How do I make the background go all the way to the bottom of the page. Right now I just use: filterrogidXImageTransform.Microsoft.Gradient(endColorstr='#ff2400', startColorstr='#ffd800', gradientType='0'); for the gradient. I know that's not the best way to do the gradient, so any suggestions I welcome very much.

Screenshot:
http://63.135.100.160/screenshot.png

Site:
http://63.135.100.160/store


Thanks!!