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%;
}
