フォーラムをリニューアルしました！
今後は、新フォーラムをご利用ください。
固定ページでタイトル非表示にした際 < SWELLに関する質問
通知
すべてクリア
Topic starter
お世話になっております。
ご教授いただきたく質問をさせていただきます。
固定ページでタイトル非表示(背景画像も非表示)にして一番最初に画像をはった場合、SPも含め上のグローバルメニューとの余白生じてしまうのですが、この余白をなくす方法はありますでしょうか？
検証で確認したり調べてみたのですが、解決できませんでした…
よろしくお願いいたします。
投稿済 : 13/03/2020 5:54 am
noel reacted
Topic starter
全ての固定ページではなく、特定の固定ページのみで適用させたいです。
margin: 4em auto 6em;
投稿済 : 13/03/2020 6:27 am
下記のようにしてはいかがでしょうか？
@media (min-width: 600px) {
.page.id_2 .l-content {
margin: 0 auto 6em;
}
}
.page は 固定ページで効き、.id_2 は 投稿 id が２番のときに効きます。
上記２つは同一の div タグにあるためひっつけて書いています。
固定ページの ID の調べ方は該当ページの編集画面を開いた時の URL 欄でわかります。
例えば、固定ページの編集画面の URL が下記の場合、その固定ページの ID は 2です。
https://example.ccom/wp-admin/post.php?post=2&action=edit
This post was modified 4年前 2回 by DRILL LANCER
投稿済 : 13/03/2020 6:13 pm
Topic starter
早速試してみました！
空白はなくなりませんでしたが、こちらの↓4を0にして追加してみたらなくなりました。
.post_content {
margin: 4em 0;
}
大変助かりました。
ご教示いただきありがとうございました 😊
投稿済 : 14/03/2020 4:51 am
すみません、こちらすでに解決されているようですが、一応僕からもコード張っておきます。
その固定ページのカスタムCSSの部分に以下のように入力していただければOKです！
.c-pageTitle{display:none}
.post_content,.l-container{margin-top:0}
（1行目はタイトルを非表示にするためのコードですので、求めているCSSは2行目だけかとは思います...！）
投稿済 : 15/03/2020 9:16 am