Moving powered by zencart logo in nightfall template

Hi

I would like to know if it is possible to move the powered by zencart logo that is located in the header. If I can just realign it to be at the bottom that would be fine. I am using the nightfall template. It has a css folder but no common folder. I searched all over the forum and tried to figure it out but with no luck.

Also, my header banner is aligned left and I want it aligned center. How can I do that?

Here is the site I am working on:

http://www.3dfrogstore.com

If I can get the header background centered horizontal and that zencart logo aligned to the bottom underneath the text on the banner I will be very happy.

Thanks,
Dennis

Your header image is 756px wide, you can either make it 770px or change the css file in the following areas to 756px

#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 770px;
	vertical-align: top;
	}
and

#logoWrapper {
	width:770px;
	height:110px;
	background-image:url(../images/header_bg.jpg);
	background-repeat:no-repeat;
	}

This is the easiest IMO 2 ways to clean up the header...

Firstly, Look for the following code in your Styleshhet folder in nightfall:
#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: right;
}

#logo {
margin-top: 15px;
float: right;
padding-right: 20px;

It is on around line 105. Here you can change the float and top and bottom margin of your logo. (You can change the default "Powered by ZenCart" logo to something else of your own choice.)

Second, Your main banner must be 770px by whatever (110px suggested). This will allow the banner to fill the page from left to right. Nightfall is a fixed width template of 770px.

Wow Thanks guys! You are the best. That fixed up my header :)

I can't believe how fast people responded. What a great community. I am definitely sticking with zencart. I was messing around with cubecart, it is easy to use but it is so limiting. You can't even change the order of your categories, at least as far as I could tell. It had many other shortcomings too. And oscommerce was just too darn difficult to understand.

Well, check out the page's header now and let me know what you think.

Thank You Thank You Thank You :D

You people are AWESOME!
Imagine that....a support forum that actually has support info......
This thread helped me fix one of my (many) problems.....

Eric

Yes I have never been responded to so fast with useful information on any other forum but the hash animation master forum. It's the community that makes software great.

Just glad we were able to help.:wink2:

I agree you all have been deeply helpful. I think this message and the people who contribute ROCK. I have learned so much from posts already up here.
I do have a situation. I created my header_bg (logo) 110 x 760. The height seems to be cut short. My image is getting cut off. I can't figure out where to fix this. I believe I have specified the height in my style sheet css. But it seems to be controled from somewhere else. 3dfrog's logo (at the top) has more height than mine. Please tell me where I can adjust this.

Thanks

I dont know, I just adjusted the size as they said. Sorry. :(

Hello All,

Are you trying to change the Background or the logo? I usually don't use a header_bg image, I usually just use a bg-color. If you are trying to change the logo.gif you can goto \includes\languages\english\header.php and change your logo.gif settings and filename (if you need to). If you do this, go ahead and create a folder (named after your template)so that you can make use of the over-rides. This is a great thing......because you always have a backup to replace your files with.....I am still pretty new to this stuff so.......i need the "backup" alot!
you can also just rename your logo...logo.gif and put it in the \includes\templates\your_stuff\images\ folder and let the over-rides system do all of the work.

You can make all of your CSS changes (needed for the logo on the following lines)
(#logoWrapper should be on or around line 199 in your code)
#logoWrapper {
margin: 0em;
padding: 0em;
float: right;
width: 700px;
height: 124px;
position:relative;
border-bottom: 5px solid #003366;

You can make more changes to the logo itself here (#logo should be on or around line 113)
#logo {
background-color: #bdbbff;
float: right;
}

You can change the width of the entire site here (#mainWrapper should be on or around line 175).
#mainWrapper {
background-color: #ffffff;
text-align: left;
width: 750px;
vertical-align: top;
border-top: 1px solid #003366;
border-bottom: 1px solid #003366;
border-left: 1px solid #003366;
border-right: 1px solid #003366;
}

Have a Great Evening!

Eric:lamo:

Thanks for your replies. I know how to change the logo (have already done that & also set up the over rides - great feature). It's the header_bg that won't show up at full size (height). It seems it may be bound to the logo size. Maybe I set it something somewhere that specified the height of the header_bg that is over ridding the css or I just didn't set up the css correctly. To make things easer here is a link to the site I'm talking about (http://mycomputertutoronline.com/store. The palm tree base is getting cut off and the header_bg is the same size as the logo. I'd like to be able to make the header_bg as bid as I like. I know I must have done something incorrectly including not manipulating the correct variables.

Thanks for your help!

I see you still include both the original and new stylesheets on you site.
Both reference the Header section

#logoWrapper {
	width:770px;
	height:110px;
	background-image:url(../images/header_bg.jpg);
	background-repeat:no-repeat;
	}
	
#headerWrapper, #contentMainWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
}

and

/*HEADER CSS*/

TABLE.header {
  background-image: url(../images/header_bg.jpg);
  background-repeat: repeat-x;
  background-color: #ffffff;
  border-right: 1px solid #9a9a9a;
  border-left: 1px solid #9a9a9a;
  border-bottom: 1px solid #9a9a9a;
}

If you are no longer using includes/templates/new/css/stylesheet_original.css then rename it to .old or something (or remove it from the css folder!)

Thanks,

I can see these two sheets are very different. When I use one and not the other the page is all messed up. When they are both used It looks like it does now but I daon't have the header_bg being desplayed as I like. I will try to merge/combine the two sheets into one. Wish me luck.

Thanks again!