Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / How do I centre my header picture?

How do I centre my header picture?

Locked

Views: 1,667

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
27 Jul 2007, 6:17 AM
#1
newmanz avatar

newmanz

New Zenner

Join Date:
Jul 2007
Posts:
21
Plugin Contributions:
0

How do I centre my header picture?

https://www.newmanz.co.nz/zen

Ok managed to get up my logo and header design but not sure how to get it to sit in the middle instead of up against the left hand side.
Any help on this would be great :blush:

27 Jul 2007, 6:26 AM
#2
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: How do I centre my header picture?

Aye. We've been through this before (kind of). Just remove the width line from this section of your CSS> #headerContent {

width:883px;
height:220px;
background:#1a7fb7 url('../images/header-bg.jpg') center no-repeat;
}

27 Jul 2007, 6:28 AM
#3
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,779
Plugin Contributions:
11

Re: How do I centre my header picture?

start by losing the width call on headerContent. Then, you may need to add text-align: center; to finish it up

27 Jul 2007, 6:35 AM
#4
newmanz avatar

newmanz

New Zenner

Join Date:
Jul 2007
Posts:
21
Plugin Contributions:
0

Re: How do I centre my header picture?

Thanks guys. Sorted and searching for the next brick wall :clap: