2012.04.04 Wordpress

WordPress 備忘録 Twenty Elevenのヘッダー

Twenty Elevenのヘッダーの高さを変更する方法

ヘッダーの縦幅を狭くします。

下記のコードをstyle.cssの最下部に追加します。

#site-title {
	font-size: 32px;
	text-shadow: 0px 1px 1px #ccc;
	margin: 0px;
	padding: 14px 0px 0px 15px;
}

#site-description {
	font-style: normal;
	color: #999;
	line-height: 1;
    margin: 0 0 14px 0;
	padding-left: 20px;
}

#site-title a {
	color: #333;
	letter-spacing: -0.05em;
}

#branding .only-search #s, #branding .only-search #s:focus {
    width: 100px;
}

#branding { border: none; }
#branding img { border-top: 1px solid #aaaaaa; }
#branding hgroup {
	margin: 0 0 0 10px;
	overflow: hidden;
	zoom: 1;
}

#branding #searchform {
	right: 2.5%;
	top: 1.5em;
}
#branding #s {
	font-size: 12px;
	height: 22px;
	padding: 4px 10px 4px 38px;
	width: 110px;
}

#branding #s:focus {
    width: 100%;
}