Free Template "Future Zen" v1.2 Support Thread

[pattie1970]

I as wondering how I could move my logo down a few pixels because it seems the white on my logo is overlapping the blue border on header_bg
Any thoughts would be greatly appreciated!
BTW, I love this template. It is so easy to upload and gives me that rounded corner I was looking for. Cudos!

Here is the site

[kuroi]

I as wondering how I could move my logo down a few pixels

Adding the following to your stylesheet should sort this out for you

#logo {padding-top:8px;}

[pattie1970]

Adding the following to your stylesheet should sort this out for you

Thanks a million times over

[pattie1970]

Adding the following to your stylesheet should sort this out for you

Is there any place to add it so that it doesn't mess up the rest of the stylesheet? I've tried adding it to two different spots on the stylesheet and I keep getting the sideboxes to look as though the bottom rounding is missing?
Do you see what I may be missing? Click here

[kuroi]

Is there any place to add it so that it doesn't mess up the rest of the stylesheet? I've tried adding it to two different spots on the stylesheet and I keep getting the sideboxes to look as though the bottom rounding is missing?

The problem has nothing to do with what you added, it's the change that you made to replace "background-position:center bottom;" with "background-position-y: center;" in the definition of the styles for .sideBoxContent, that introduced the new problem.

[gjh42]

The #logo {} rule cannot have any effect on the sideboxes. You must have made another change at the same time.
Your stylesheet has

.sideBoxContent {
	background-image:url('../images/sidebox_content_bg.gif');
	background-repeat:no-repeat;
	padding: 0.8em; background-position-y:50%
	}

background-position-y: is an IE-only property to start with, and you have it set incorrectly in any case. It was probably originally

.sideBoxContent {
	background-image:url('../images/sidebox_content_bg.gif');
	background-repeat:no-repeat;
	padding: 0.8em; 
	background-position: bottom center;
	}

[pattie1970]

The problem has nothing to do with what you added, it's the change that you made to replace "background-position:center bottom;" with "background-position-y: center;" in the definition of the styles for .sideBoxContent, that introduced the new problem.

I did not change this, I have a fresh clean install of Future Zen and that is what is in the stylesheet. I made the fix just recommended and it casues a host of other stye problems. I am about to switch back to the clean, virgin in stall of the stylesheet.

[pattie1970]

A clean, fresh install version is now there and everything is aligned. Why would everything go haywire for me to just change the px on the logo at the top? Any suggestions?
If the sidebox is an issue, then it is with the template and nothing I did to change what was provided.
Sorry for being so confused!

[gjh42]

Obviously the template didn't come with
background-position-y:50%
so somehow during your work it got changed. It sounds like something a Microsoft editing program might put in...

[pattie1970]

The #logo {} rule cannot have any effect on the sideboxes. You must have made another change at the same time.
Your stylesheet has

.sideBoxContent {
	background-image:url('../images/sidebox_content_bg.gif');
	background-repeat:no-repeat;
	padding: 0.8em; background-position-y:50%
	}

background-position-y: is an IE-only property to start with, and you have it set incorrectly in any case. It was probably originally

.sideBoxContent {
	background-image:url('../images/sidebox_content_bg.gif');
	background-repeat:no-repeat;
	padding: 0.8em; 
	background-position: bottom center;
	}

Okay, somehow I didn't copy everything and once I did this fix, it didn't change anything?
Any suggestions?