Google Groups Home
Help | Sign in
Message from discussion Header picture not centered
The group you are posting to is a Usenet group. Messages posted to this group will make your email address visible to anyone on the Internet.
Your reply message has not been sent.
Your post was successful
 
From:
To:
Cc:
Followup To:
Add Cc | Add Followup-to | Edit Subject
Subject:
Validation:
For verification purposes please type the characters you see in the picture below or the numbers you hear by clicking the accessibility icon. Listen and type the numbers you hear
 
T E D  
View profile
 More options Oct 11 2008, 9:52 am
From: T E D
Date: Fri, 10 Oct 2008 18:52:28 -0700 (PDT)
Local: Sat, Oct 11 2008 9:52 am
Subject: Re: Header picture not centered
The centering is pretty easy: add a style.

Template modifications require a Full Template Download first.
Dashboard, Manage:Layout, Edit Html, Download Full Template and you
will have a backup on your computer.
Changes are made right on that page, in the template editor.

Then find this style:
 #header

After its closing  }, add:

 #header-inner img {margin:0 auto;}

It will look like this:

 }

 #header-inner img {margin:0 auto;}

 #content-wrapper {

Save and view.

For the color, that's actually done with background images in:
 #header-wrapper {
and,
 #header {

There are a few ways to handle that area, one would be to replace
those backgrounds with the content-wrapper background and change the
header-wrapper padding to 0px:

 #header-wrapper {
   padding-bottom: 0px;
   background: #f7f0e9 url(http://www.blogblog.com/thisaway_blue/
bg_main_wrapper.gif) repeat-y left top;
  }
 #header {
   background: #f7f0e9 url(http://www.blogblog.com/thisaway_blue/
bg_main_wrapper.gif) repeat-y left top;
  }

Note, the background is all on one line even though it wraps here. It
MUST be a continusous line for it to work.

Or you could try a solid color by changing the background lines to:

   background-color: #62a2e9;

The best approach is to back up the template, center the image, view
the blog, then if that is good (check post pages as well), backup the
template in that configuration and work from there.

On Oct 10, 3:25 pm, bobbyn wrote:

> I've uploaded a pic for the top header thingee and it is not centered
> on the web page, and so looks funny - how do i fix this.

> Ideally i would like to just have it centered with no black to the
> left or right of it - is that doable and how?

> Thanks.

> http://bobbyfamilytree.blogspot.com/

> Bobby.


    Forward  
You must Sign in before you can post messages.
To post a message you must first join this group.
Please update your nickname on the subscription settings page before posting.
You do not have the permission required to post.

Create a group - Google Groups - Google Home - Terms of Service - Privacy Policy
©2009 Google