MonoTsuduriテーマ

はてなブログ用テーマ「MonoTsuduri」のデモとカスタマイズ方法について

トップページのヘッダーの高さを変更する

CSSカスタマイズ

管理画面→デザイン→レンチマーク→デザインCSSからCSSの追記ができます。

CSS追記例の記述をコピー&ペーストするか、参考にしてカスタマイズしてください。

トップページのヘッダーの高さを変更する

CSS追記例(トップページのヘッダーをより高く、タイトル文字を大きく)
/*トップページ、および画像のみが設定されている場合*/
.page-index #blog-title-content,
.header-image-only #blog-title-content {
  padding: 30vh 0;
}

.page-index #title {
  font-size: 3.5rem;
}
CSS追記例(トップページのヘッダーを低く、タイトル文字を小さく)
/*トップページ、および画像のみが設定されている場合*/
.page-index #blog-title-content,
.header-image-only #blog-title-content {
  padding: 10vh 0;
}

.page-index #title {
  font-size: 2.8rem;