WordPress.com のテーマ「Twenty Eleven」のヘッダーをワイドにするためのCSS

widetheme02

rect3015

widetheme01

WordPress.com のテーマ「Twenty Eleven 」に以下のCSSを追加すると、ヘッダーがワイドになります。

html {
margin-top: 0 !important;
overflow: auto;
}

body {
overflow-x: hidden;
margin-top: -28px;
}

#branding {
border: none;
}

#branding hgroup {
border-bottom: 2px solid #BBB;
border-top: 2px solid #BBB;
background-color: white;
padding: 0 500% 1px;
margin: 0 -500%;
}

#site-title {
padding: 3.65625em 0 0 40px;
}

#site-description {
margin: 0 270px 3.65625em 40px;
}

#branding img {
background-color: black;
padding: 0 500%;
margin: 0 -500% -7px !important;
}

#access {
padding: 0 500%;
margin: 0 -500% 6px;
}
参考にした記事

投稿者: comemo

mac & iPad で情報をインテグレートする

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。