Apple Zen Support Thread

Nope, it looks like if I turn on single column and turn off the right / left, the box doesn't display.

Billsey:

Nope, it looks like if I turn on single column and turn off the right / left, the box doesn't display.

It looks like you've gotten it figured out? I see only the top header search box on your test site.

jettrue:

It looks like you've gotten it figured out? I see only the top header search box on your test site.

Yup, and it might be worthwhile to include it in your readme. The search_header needs to be set to single column mode, the rest of the side boxes need to be set to right / left mode. If you set search_header to left or right, it displays in two places. If you set any of the others to single column, they don't display at all. Simple enough once you get the concept.

:smile:

Hi Jade - Wow, this template is a thing of beauty! Great work - And thanks for making it available to the Zen crowd.

Question: I would like to add another background image to the bottom half of each page, under the site-bg.gif, where it is just white now. I'd love to be able to run from the bottom of the site-bg.gif into infinity. Is this possible? So far my attempts have only eliminated existing images, which I don't want to do.

Thanks!

Tim

MeltDown:

Hi Jade - Wow, this template is a thing of beauty! Great work - And thanks for making it available to the Zen crowd.

Question: I would like to add another background image to the bottom half of each page, under the site-bg.gif, where it is just white now. I'd love to be able to run from the bottom of the site-bg.gif into infinity. Is this possible? So far my attempts have only eliminated existing images, which I don't want to do.

Thanks!

Tim

If I were doing this, I'd open up tpl_main_page.php, and add a new div before <div id="mainWrapper">... call it whatever you like, could be <div id="outerMainWrapper">

Then I think you want to close it after:

<?php
 /**
  * prepares and displays footer output
  *
  */
  require($template->get_template_dir('tpl_footer.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_footer.php');?>

Then add that new tag to your stylesheet with the background image. It will probably need some tweaking, but those are the first steps.

jettrue:

I'm not at my usual computer, where I can figure things out easily, but I think I know what will fix that issue. That section below the tabs is where the little stripey background image was on my original template. I see you removed that image, but you did not remove the height for that div:

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

Try removing the "height:1.15em". Also remove the margin.

Hi Thanks for your response
I tried removing the above height and margin however, the white line is still there, please could you suggest an alternative?

Many Thanks :smile:

tobicky:

Hi Thanks for your response
I tried removing the above height and margin however, the white line is still there, please could you suggest an alternative?

Many Thanks :smile:

Link again please?

jettrue:

Link again please?

www.giftsofwonder.co.uk

:D

tobicky:

www.giftsofwonder.co.uk

:D

It's password protected.

jettrue:

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:

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

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

Sunabac:

Well I can see why you did not have it... one can get "dizzy" watching these stripes on wide screen...
Would I be the first "rude" person to ask where/how to increase the width of the middle?? I am new to this... so be nice :)

I'm guessing that what you meant is to have your columns on the far edges of the page. Since I don't like what appears to be cramped quarters, I did some playing and made it work by changing the css for

/wrappers - page or section containers/
#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 750px;
vertical-align: top;
border: 1px solid #9a9a9a;
}

to 100% instead of the 750px. This does cause some offsets that may need to be tweeked, maybe by modifying a few other settings.

This worked for both a one column and a duo column setup.

jettrue:

It's password protected.

Hi Jade - password has been removed from my site: giftsofwonder.co.uk - 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
You would put that in the body tag:
body {
	background:#FFDFFF url(../images/site-bg.gif) 0 9em repeat-x; 
	}

jettrue:

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.

MeltDown:

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. :D

I cant find out where to get rid of this. PLEASE help.

Look for HEADER_SALES_TEXT in the header.php file under includes/languages/english/apple_zen.

Question concerning the upper-most bar where you find the "home" & "Login" links.
I would like to decrease the width of this bar. From a previous post I learned that this could be done by adjusting the width in this bit of code:

#navMain {
	width:70em;
	text-align:center;
	margin:0 auto;
	position:relative;
	}

However, the only visible effect seems to be that the "home" & "Login" links are squeezed to the side a bit. The actual width of the bar does not seem to change.
I do not have the search_header.php active so it would seem that nothing should be preventing it's decrease in width.

Any suggestions?

Thanks!!

Tim