Zen Cart Logo

Center logo in

Views: 1,007

Results 1 to 5 of 5
15 Oct 2010, 9:17 PM
#1
faith516 avatar

faith516

New Zenner

Join Date:
Jan 2010
Posts:
32
Plugin Contributions:
0

Center logo in

Zencart VS. 1.3.9.f
I am using mostley Grey template; no add ons or upgrades other then Zen cart upgrades.

I have tried following instructions on centering a header found in the forum but my codes in the template are different then the suggestions I have found. Can someone tell me what part of this code I would need to change to center a logo? Or if there is somewhere else I need adjust the logo.

Thanks

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

16 Oct 2010, 2:45 AM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Center logo in

A link to see this live

11 Feb 2011, 7:38 AM
#3
tesla1 avatar

tesla1

New Zenner

Join Date:
Feb 2011
Posts:
22
Plugin Contributions:
0

Re: Center logo in

Hi,

I've tried for a couple of days now to line up the logo.gif I have in my cart, Zen 1.3.9h. I just can seem to find anything in the forum to help.

I would aslo like to add my website buttons above the entire cart.

I'm using the zj_silver template.

Any help would be appreciated.

Cart;
http://teslacorp-rd-inc.com/Zen

Buttons I'd like to add at the top of cart from here;
http://teslacorp-rd-inc.com

Thanks

11 Feb 2011, 9:56 AM
#4
rbarbour avatar

rbarbour

Totally Zenned

Join Date:
Feb 2010
Posts:
2,159
Plugin Contributions:
10

Re: Center logo in

Hope this helps, I tested and works but someone with more knowledge may have better coding.

This is for centering logo

in your includes/templates/zj_silver/css/stylesheet.css file

find:

#headerWrapper,#contentMainWrapper,#logoWrapper,#cartBoxListWrapper,#ezPageBoxList,#cartBoxListWrapper ul,#ezPageBoxList ul,#mainWrapper,#popupAdditionalImage,#popupImage{margin:0;padding:0;}
#logoWrapper{background-image:url(../images/logo.gif);background-repeat:no-repeat;background-color:#fff;height:106px;line-height:106px;margin:auto;}
#logo{line-height:106px;}

and change to:

#headerWrapper,#contentMainWrapper,#cartBoxListWrapper,#ezPageBoxList,#cartBoxListWrapper ul,#ezPageBoxList ul,#mainWrapper,#popupAdditionalImage,#popupImage{margin:0;padding:0;}
#logoWrapper{background-color:#fff;margin:auto;width:989px;height:106px;border-left:1px solid #9a9a9a;border-right:1px solid #9a9a9a;}
#logo{line-height:106px;margin-left: 105px;}

hope it helps!

11 Feb 2011, 1:42 PM
#5
tesla1 avatar

tesla1

New Zenner

Join Date:
Feb 2011
Posts:
22
Plugin Contributions:
0

Re: Center logo in

Thanks a bunch rbarbour!

No way I could have done this myself. :clap: