WordPress.com Forums » Topic: Adding custom header to all pages in Inuit Types

thesacredpath on "Adding custom header to all pages in Inuit Types"

thesacredpath — Sat, 21 Jan 2012 19:49:16 +0000

You are welcome, and yes, that move the title and tagline down. If you compare the background declarations between what I first gave (image below) and the second, you will see that in the first there is "center bottom" and in the second there is "center 30px" The second spaces the image down 30px from the top so that it aligns with the top of the sidebar content.

mattdelmont on "Adding custom header to all pages in Inuit Types"

mattdelmont — Sat, 21 Jan 2012 19:44:34 +0000

This is perfect, thanks @thesacredpath. Just so I can try to learn a little about CSS does this (the second piece of what you posted):

#header .blog-title {
margin-top: 160px;
}

Move the regular header down?

Thanks again!

thesacredpath on "Adding custom header to all pages in Inuit Types"

thesacredpath — Sat, 21 Jan 2012 19:22:39 +0000

Dump the other and try this.

#header {
background: url("http://nicestkids.files.wordpress.com/2012/01/nicest-kids-wordpress-header-610.png") no-repeat scroll center 30px transparent;
height: 215px;
margin-bottom: 20px;
}

#header .blog-title {
margin-top: 160px;
}

thesacredpath on "Adding custom header to all pages in Inuit Types"

thesacredpath — Sat, 21 Jan 2012 19:18:17 +0000

That was one of my original questions as to whether you wanted it above or below. I'll adjust the CSS and post the new in a few minutes.

mattdelmont on "Adding custom header to all pages in Inuit Types"

mattdelmont — Sat, 21 Jan 2012 19:15:41 +0000

Thanks @thesacredpath. The custom header now appears on all of the pages. The only problem is that it is below the regular blog title. Ideally the custom header will appear on the top of each page where the regular blog title normally goes.

thesacredpath on "Adding custom header to all pages in Inuit Types"

thesacredpath — Sat, 21 Jan 2012 19:05:18 +0000

You are welcome.

timethief on "Adding custom header to all pages in Inuit Types"

timethief — Sat, 21 Jan 2012 19:03:40 +0000

@thesacredpath
Thanks for the confirmation. :)

thesacredpath on "Adding custom header to all pages in Inuit Types"

thesacredpath — Sat, 21 Jan 2012 18:56:12 +0000

@timethief, yes it can be.

thesacredpath on "Adding custom header to all pages in Inuit Types"

thesacredpath — Sat, 21 Jan 2012 18:55:27 +0000

Matt, let's start with this and see what you think.

#header {
background: url("http://nicestkids.files.wordpress.com/2012/01/nicest-kids-wordpress-header-610.png") no-repeat scroll bottom center;
height: 215px;
margin-bottom: 20px;
}

timethief on "Adding custom header to all pages in Inuit Types"

timethief — Sat, 21 Jan 2012 18:42:59 +0000

@thesacredpath
Question: By creating the header image and including it in the CSS this can be achieved, no?

mattdelmont on "Adding custom header to all pages in Inuit Types"

mattdelmont — Sat, 21 Jan 2012 18:42:43 +0000

Yes, here is the image url

http://nicestkids.files.wordpress.com/2012/01/nicest-kids-wordpress-header-610.png

thesacredpath on "Adding custom header to all pages in Inuit Types"

thesacredpath — Sat, 21 Jan 2012 18:39:34 +0000

Can you post the URL of the image you want to use (if you have uploaded it to your media library already?

And where did you want the header image? Above the title/tagline? Below the title/tagline?

timethief on "Adding custom header to all pages in Inuit Types"

timethief — Sat, 21 Jan 2012 18:38:19 +0000

It appears that the "front page intro" is coded to appear only on the front page of the blog.

mattdelmont on "Adding custom header to all pages in Inuit Types"

mattdelmont — Sat, 21 Jan 2012 18:33:39 +0000

I've figured out how to add a custom header to my front page (used text widget with html in "front page intro"), but I'm trying to figure out how to get this custom header to show up on all pages.

The blog is nicestkids.com and I have the CSS upgrade.

Any suggestions? Thanks for your help.