I noticed today that the header in my store ( and some other stores that I checked out ) are not centered anymore but off to the left or right. I wanted to find out how many others are experiencing this problem and to find out if Zazzle is aware of it and working on it.

Hi,

This is usually caused when you change the default body font size, line height etc. The Zazzle header is part of the body and so any small change will force the store header to get pushed down to the right of the screen.

Every store is customized differently and so the codes below are store specific but they might apply to any other store with the same issue.

To solve this problem you can try the following:

@FineArtBoutique,

Find the following code in the css section of your store:

/*-------------------------------------------
| Change default text to Georgia
---------------------------------------------*/
body, td, p, textarea, input, .normalFontClass
{
font-family: Georgia;
font-size: 14px;

line-height: 1.6em;
}

body
{
font-family: Georgia;
font-size: 14px;

line-height: 1.6em;
}

And change/replace with the following code:

/*-------------------------------------------
| Change default text to Georgia
---------------------------------------------*/
#mainShell, td, p, textarea, input, .normalFontClass
{
font-family: Georgia;
font-size: 14px;

line-height: 1.6em;
}

#mainShell
{
font-family: Georgia;
font-size: 14px;

line-height: 1.6em;
}

@Brandy Thomas,

Find the following code in the css section of your store:

/*-------------------------------------------
| font/link colors
---------------------------------------------*/

body, td, p {
color:#B498C4;
font-size:14px;
font-weight:bold;
font-family:Trebuchet MS;
background:url...

Then remove font-size:14px; from the code above. It should look like the following:

/*-------------------------------------------
| font/link colors
---------------------------------------------*/

body, td, p {
color:#B498C4;
font-weight:bold;
font-family:Trebuchet MS;
background:url...

Finally, add this code anywhere below the first line in your css section. This will apply the font size to everything except the Zazzle header:

#mainShell{font-size:14px;}


Hope that helps.

@FineArtBoutique,

You're welcome. In any case it can be used as a temporary fix until Zazzle works it out.

@FineArtBoutique,

No problem, if it remains the same and you need someone to take a look you can count on me, i'm always glad to help out when i can.

I don't actually have a store, i work more behind the scenes of Zazle stores on a shared account with other sellers.

Thanks that worked. ( I'm still not sure what happened that there was an issue with it all the sudden but appreciate your help very much. )

My header is also aligned to the right when first viewed until you see the scroll bar on the bottom; if you scroll all the way there's empty black space(about 40%,which indicates the page width has increased about that much). So the header technically is 'centered' but on a much wider page which makes an awful first impression! If we could simply change the store header to 'align left' that would be a quick fix but the only choice is 'center'. I haven't touched any code and have never used the Advanced Beta settings, so it's certainly caused by a change made by Zazzle. I was so relieved to see these posts, at least I know my store isn't the only one affected! Any word yet if Zazzle is correcting the problem or adding instructions in the store appearance section of managing your store?
Karen