designsimply on "How do I add a bigger header?"

designsimply — Tue, 20 Mar 2012 22:38:24 +0000

To add a larger header image than the one built into a theme, first you should create an image the size you want, upload it to your media library, and copy down the image URL.

Then add CSS to hide the existing image and set a background image on the HTML element one step above it. What CSS you add depends on the theme you use. The armyofcp.com and doritosarmy.com sites you mentioned are using the Digg 3 theme.

Here is an example of the CSS you could use to add a large header image to the Digg 3 theme:

#header-image img, #header-overlay img {
display: none;
}

#header {
display: block;
width: YOUR_IMAGE_WIDTH;
height: YOUR_IMAGE_HEIGHT;
background: url(YOUR_IMAGE_URL);
}

#pagetitle {
height: HEIGHT_ABOVE_SEARCHBOX;
}

Replace YOUR_IMAGE_WIDTH and YOUR_IMAGE_HEIGHT with your image width and height. Replace YOUR_IMAGE_URL with the one for the image you uploaded to your media library. Replace HEIGHT_ABOVE_SEARCHBOX with the space you'd like to see above the search box.

Also, our CSS forums are open to everyone! Building a community where everyone is welcome and has an opportunity to participate is the type of environment we'd like to project.

timethief on "How do I add a bigger header?"

timethief — Sun, 11 Mar 2012 00:06:54 +0000

Only Staff provide CSS editing support and this is the notice posted at the support link:

Support will be closed over the weekend. We will reopen by 8am Pacific Time on Monday, March 12th. http://en.support.wordpress.com/contact/

Please be patient while waiting.

sneezy35 on "How do I add a bigger header?"

sneezy35 — Sun, 11 Mar 2012 00:00:25 +0000

On some websites they have a bigger header like armyofcp.com and doritosarmy.com and stuff whats the code for that?

WordPress.com Forums » Topic: How do I add a bigger header?

designsimply on "How do I add a bigger header?"

timethief on "How do I add a bigger header?"

sneezy35 on "How do I add a bigger header?"