SWELLのウィジェットエリアが一目で分かるサイトを作りました >>

【SWELL】固定ページのタイトル非表示+h1の余白を無くすCSS

【SWELL】固定ページのタイトルを非表示にする

特定のページだけ、固定ページのタイトルを非表示にしたいときに使うCSSをメモ。
CSSを貼り付ける場所は、固定ページの一番下にある「カスタムCSS」です。

トップページに設定する予定の固定ページには使用しないでください。ロゴが表示されなくなります。
ページ制作中にプレビューを見るとタイトルが表示されますが、トップページ化するとタイトルは自動的に非表示になりますのでご安心を。

カスタムCSSの場所
もくじ

固定ページのタイトル(h1)を非表示にするCSS

h1 {
display: none;
}

これだけです。超シンプル。

h1下の余白を無くすCSS

先述のCSSだけだと、タイトルの下に余白が残ったままになってます。(正しくはpost_contentの余白)
その余白も消したい方は以下も追記してください。

.post_content {
margin-top: 0;
}

両方合わせて使った場合は以下です↓

h1 {
display: none;
}
.post_content {
margin-top: 0;
}
上手くいったらシェアしてね!
  • URLをコピーしました!

お気軽にどうぞ!

コメントする

コメントは日本語で入力してください。(スパム対策)

CAPTCHA

もくじ
閉じる