Helvetica.

20110616-110404.jpg

About the Author

Posted by

Pokémon Trainer at Automattic, Inc.

Categories:

Geek

5 Comments

Hi – I’m curious, How did you manage to get rid of the big white block at the top of each page in the 2011 wordpress theme? I’d love to do the same for my blog – BookGraphics

Like

VERY NICE. As a newbie, I have questions. Do these alterations require an upgrade to “Custom Design”? If not, just where do I find the style sheet code and where do I paste the altering code? (SO, not a geek. But expert at desktop publishing, so if I could find the location of the style sheet I think I might be able to figure it out.) THANKS AGAIN.

Like

Hi! It’s actually not too hard to change it, I added the following in the CSS tab of Custom Design:

(This also adds a drop shadow around the outside of the page and rounded corners at the top)

#page {
-webkit-box-shadow:0 6px 6px #888;
-moz-box-shadow:0 6px 6px #888;
box-shadow:0 6px 6px #888;
border-radius:5px 5px 0 0;
}

header img {
border-radius:5px 5px 0 0;
}

#branding #searchform {
position:absolute;
top:30px;
right:5%;
text-align:right;
}

#branding #s {
background-color:#FAFAFA;
}

#branding {
border-top:none;
}

#branding hgroup {
margin:0 5%;
}

#site-title {
position:absolute;
top:30px;
padding:0;
}

#site-description {
display:none;
}

Like

Add a Response

Your name, email address, and comment are required. We will not publish your email.

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

The following HTML tags can be used in the comment field: <a href="" title="" rel=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <pre> <q cite=""> <s> <strike> <strong>

%d bloggers like this: