Apple Zen Support Thread

[jettrue]

Hi. I've got a bit further on my site customisations. A while ago I asked how to put an image in the main page (I think you call it CentreColumn) and you suggested that I do the following:

"An easy way to do this is re-open that same file (includes/languages/english/YOUR_TEMPLATE/header.php), and where you removed that tagline text, add your image code (with the correct width and height of course):

<img src="includes/templates/YOUR_TEMPLATE/images/YOUR_IMAGE.jpg alt="YOUR ALT TEXT HERE" title="YOUR IMAGE TITLE HERE" height="100" width="500" />

And be sure to upload the image to the correct folder."

Actually, you said you wanted an image in the header file... the instructions I gave you were for putting an image in the header, NOT for in the main page centerColumn.

The way I have tried it last night (before I found your reply) was by putting some html in the Define_Main_Page.php of the Admin control panel. But that makes the image a bit out of sync with the centre column. Refer to my site to see what I mean:

www.sixvolts.co.nz/shop

So...I will undo that and make the changes to header.php and see how that looks.

So, where do you want the image? In the header? If so you will of course need a much smaller image. If you actually want it in the middle, then DON'T follow my previous instructions, because I was giving you instructions for putting an image in the header. If you want it in the middle there, it looks to me like you just need a smaller image.

Two other questions if I can:

- I've changed the background colour of my site to an off-white but just can't seem to find where I change the colour of the bits that are on the left and right hand side of the logo. Can you help on that one?

There is no color defined for that, you have to add the color to it. its the #logoWrapperOuter.

- As I've turned off the header graphic that sits on top of the Breadcrumb bar it has left a tiny bit of the border showing on the left and right hand sides. do you know how I can remove that please?

You removed the image for that section, but did not remove its height. Change #centerColumnOuter to this:

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

- Is there a way to change the font size of the 'Home' Login' and the default text in the search field and on the Search button itself? I just want to make it slightly smaller.

You can do this:

#navMainSearch {
	margin:0 auto;
	text-align:right;
	padding:1px 2px;
	}
	
#navMainSearch input {
	margin:0 auto;
	text-align:right;
        font-size:1em;
	}

Thanks alot. I really appreciate how you support your template and am really thankful that you've made it available.

Your opinion on my site would be welcome too :)

You are welcome!

[duxfield]

thanks alot for all those answers :)

Yeah - I actually wanted the image in the middle of the page...like I have it now...but so that it doesn't sit outside the borders like it is at the moment. Just renaming my header image (the bit with Six Volts Clothing in it) to logo.giff displayed that fine so I'm happy with the header as it is.

So to correct the alignment of the main image so that it nice nicely within the borders do you think I'll just need to leave it a line of html code in the Define Pagers (in Define_main_page.php) editor but make it a bit smaller? Cause at the moment I have not set any height or width dimensions on the image. Thanks

[duxfield]

Further to my last post - it looks to me like the image size is correct its just that because I've used html (src image) its always going to place the image slightly down and across to the right slightly. Is there a way of placing an image in the code that defines that main box in the middle of the page?

[jettrue]

thanks alot for all those answers :)

Yeah - I actually wanted the image in the middle of the page...like I have it now...but so that it doesn't sit outside the borders like it is at the moment. Just renaming my header image (the bit with Six Volts Clothing in it) to logo.giff displayed that fine so I'm happy with the header as it is.

So to correct the alignment of the main image so that it nice nicely within the borders do you think I'll just need to leave it a line of html code in the Define Pagers (in Define_main_page.php) editor but make it a bit smaller? Cause at the moment I have not set any height or width dimensions on the image. Thanks

Hi duxfield,

So now I'm understanding that you'd like that middle image to fill the entire home page?

Turn off the right box totally in your admin, under "Configuration", "Layout Settings"... there's a Column Right Status - Global, change it to 0.

Then in your css add this:

#indexHomeBody .centerColumn {padding:0; margin:0}

this removes the padding on .centerColumn for the home page only.

[duxfield]

well it seems I have not used the correct terminolgy in regards to what part of the page I want things. Yes, I'd like the middle image (the one with the red and black words and the picture of the t-shirt on it) to fill right up to the borders on the home page only.

[jettrue]

well it seems I have not used the correct terminolgy in regards to what part of the page I want things. Yes, I'd like the middle image (the one with the red and black words and the picture of the t-shirt on it) to fill right up to the borders on the home page only.

Yep, my above instructions will do that.

[duxfield]

thanks Jade - I shall try that tonight.

[duxfield]

[quote=jettrue;332262]

You removed the image for that section, but did not remove its height. Change #centerColumnOuter to this:

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

quote]

Hi Jade - I tried this and it still leaves those little bits of border there. Also, if you look at my site you'll see the main image has now centered in the home page but there is still some white space around the edge of the image where it doesn't meet the border exactly (three out of four sides by my eyesight). Do you know why that is?

I didn't turn off the right box totally (admin, Configuration, Layout Settings, turn off Column Right Status - Global) because if you do that the lower border graphic gets moved to the top, immediately under the Breadcrumb bar.

Thank you for helping.

[jettrue]

[QUOTE=duxfield;332537]

You removed the image for that section, but did not remove its height. Change #centerColumnOuter to this:

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

quote]

Hi Jade - I tried this and it still leaves those little bits of border there. Also, if you look at my site you'll see the main image has now centered in the home page but there is still some white space around the edge of the image where it doesn't meet the border exactly (three out of four sides by my eyesight). Do you know why that is?

I didn't turn off the right box totally (admin, Configuration, Layout Settings, turn off Column Right Status - Global) because if you do that the lower border graphic gets moved to the top, immediately under the Breadcrumb bar.

Thank you for helping.

Hi there,

You now have two sections of #centerColumnOuter. I meant for you to REPLACE the older #centerColumnOuter, not ADD the one above. SO remove the second one and that will fix that issue.

Can you please disable the right box totally, then I can see about that issue you mention.

[duxfield]

[quote=jettrue;332590]

Hi there,

You now have two sections of #centerColumnOuter. I meant for you to REPLACE the older #centerColumnOuter, not ADD the one above. SO remove the second one and that will fix that issue.

Can you please disable the right box totally, then I can see about that issue you mention.

Hi Jade - I have removed the second instance of #centerColumnOuter but still have those border bits left. Also, I have disabled the right box totally as you requested and now the bottom border is up under the breadcrumb bar. If you can work out what I've done wrong it would be great. Thank you.