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