Free Template "Future Zen" v1.2 Support Thread

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! :clap:

Here is the site

pattie1970:

I as wondering how I could move my logo down a few pixelsAdding the following to your stylesheet should sort this out for you> #logo {padding-top:8px;}

kuroi:

Adding the following to your stylesheet should sort this out for you
Thanks a million times over :D

kuroi:

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

pattie1970:

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.

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;
}

kuroi:

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.

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!
:frusty:

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

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;
}

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

I am using Frontpage to view the stylesheets... will switch to something other MS and see if that helps....

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

It took opening it in notepad but it is all aligned and looking good again. Whew! THANKS so much for the help and suggestions!
:clap::clap:

This is an example of why it is recommended to never use Frontpage with Zen Cart files.

Even Notepad has quirks that can mangle files when handled the wrong way. Better to use a dedicated file editor like Notepad++ or CrimsonEditor (both free from Sourceforge).

gjh42:

This is an example of why it is recommended to never use Frontpage with Zen Cart files.

Even Notepad has quirks that can mangle files when handled the wrong way. Better to use a dedicated file editor like Notepad++ or CrimsonEditor (both free from Sourceforge).

and I only used Frontpage for the css file, stupid me- should've known better :blush:

suekay:

I've uploaded the future zen files to /includes/templates but I don't see future zen as an installed template in admin. I'm using 1.3.8. I read in another post that furture zen does work from 1.3.8 as the demo template site is 1.3.8.

Thanks for any help you can give.

Suekay

I am having the same problem. I did install it under includes/templates/. Not sure why it is not showing up. Any help?

lauriesscraps:

I am having the same problem. I did install it under includes/templates/. Not sure why it is not showing up. Any help?Do you have an includes/templates/future_zen/template.info file on your server?

kuroi:

Do you have an includes/templates/future_zen/template.info file on your server?

Yes I do, under /includes/templates/future_zen/.....

UGH! I just figured it out. I can't believe I was that stupid. Rookie mistake. I didn't open the future_zen file and then upload the future_zen file. So had a file inside a file. Thanks for making me look there! :clap::lamo:

I noticed with this template that when I activate the search header box it put it way at the top right corner but also in the side boxes. I have 2 questions. How do I bring the header bar that holds the home, login, and search links to below the header, and how do I eliminate the search box from the sidbox when the search header is activated? Thank you.

Since Kuroi is offline right now, I'll answer:)
These are both general Zen Cart questions, not specific to Future Zen. You would edit /includes/templates/future_zen/common/tpl_header.php, and move the code block marked by <!--bof-navigation display--> comments to the display order you want, most likely just after <!--eof-branding display-->.

The sidebox is a different item, and can be turned off in Tools > Layout Boxes Controller > sideboxes/search.php.

gjh42:

Since Kuroi is offline right now, I'll answer:)
These are both general Zen Cart questions, not specific to Future Zen. You would edit /includes/templates/future_zen/common/tpl_header.php, and move the code block marked by <!--bof-navigation display--> comments to the display order you want, most likely just after <!--eof-branding display-->.

The sidebox is a different item, and can be turned off in Tools > Layout Boxes Controller > sideboxes/search.php.

I have both the sidebox search on and the header and the search box is showing up 2 times in the side column. On is in a sidebox, the other just in the column. Not sure why.

As far as the coding goes, that you mentioned above. Where can I find that. This template only has a CSS Stylesheet. Thanks!