Apple Zen Support Thread

Quote:

---

Originally Posted by 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

Quote:

---

Originally Posted by 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:

Code:

---

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

Quote:

---

Originally Posted by 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:

Quote:

---

Originally Posted by 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?

Quote:

---

Originally Posted by jettrue

Link again please?

---

www.giftsofwonder.co.uk

:D

Quote:

---

Originally Posted by tobicky

www.giftsofwonder.co.uk

:D

---

It's password protected.

Quote:

---

Originally Posted by 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:

Code:

---

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

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:

Code:

---

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

---

but not the lower portion of the screen.

Thanks!!

Tim

Quote:

---

Originally Posted by 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.