最上部に配置したブロック上部の余白を調整したい
引用元 morico 2022年10月27日, 4:30 PM中フロントページではない固定ページ上部のメニューエリアと、コンテンツ内最上部に配置したブロックの間にどうしても余白ができてしまします。
調整する方法をご教示いただけないでしょうか?「ブロック上の余白」で「0」を選んでも変化しません。
フロントページの最上部に配置したブロックとの間には余白ができません。このフォーラムページのようにメニューエリアの直下に、「カバーブロック」もしくは「セクションブロック」を使用して、ページタイトルを表示するエリアを設けたいと考えています。
ページタイトルをコンテンツ上部に表示し、タイトル背景画像を設定する方法が近いのですが、背景画像のフィルターを外したりサイズを調整するのが難しそうで…
そちらから着手する方がよろしいでしょうか?どうぞよろしくお願いいたします。
フロントページではない固定ページ上部のメニューエリアと、コンテンツ内最上部に配置したブロックの間にどうしても余白ができてしまします。
調整する方法をご教示いただけないでしょうか?
「ブロック上の余白」で「0」を選んでも変化しません。
フロントページの最上部に配置したブロックとの間には余白ができません。
このフォーラムページのようにメニューエリアの直下に、「カバーブロック」もしくは「セクションブロック」を使用して、ページタイトルを表示するエリアを設けたいと考えています。
ページタイトルをコンテンツ上部に表示し、タイトル背景画像を設定する方法が近いのですが、背景画像のフィルターを外したりサイズを調整するのが難しそうで…
そちらから着手する方がよろしいでしょうか?
どうぞよろしくお願いいたします。
引用元 雪谷匡良 2022年10月27日, 5:22 PM中.l-content__body {
margin:3rem auto;}
コンテント部分で上記のマージンがあるのでこれをmargin-top:0とかで上書きしてあげればいいと思います。
僕はLPを作るときとかよくページごとにcss書き足したりしてますね。
このあたりはデベロッパツールで見れば余白の把握ができると思うのでよかったら試してみてください。
margin:3rem auto;
コンテント部分で上記のマージンがあるのでこれをmargin-top:0とかで上書きしてあげればいいと思います。
僕はLPを作るときとかよくページごとにcss書き足したりしてますね。
このあたりはデベロッパツールで見れば余白の把握ができると思うのでよかったら試してみてください。
引用元 morico 2022年10月28日, 10:37 AM中雪谷匡良様、ご返信ありがとうございます。
おかげさまで解決できました。CSSでのマージン調整も試していたのですが、ブロックやメニュー部分に書き足していました。
この余白はコンテント部分に付属していたとは…効果がなくて当然ですね。デベロッパーツールについてもお教えいただきありがとうございます。
独学で手探り作業のため、とても参考になります。
さっそく勉強してみます。
雪谷匡良様、ご返信ありがとうございます。
おかげさまで解決できました。
CSSでのマージン調整も試していたのですが、ブロックやメニュー部分に書き足していました。
この余白はコンテント部分に付属していたとは…効果がなくて当然ですね。
デベロッパーツールについてもお教えいただきありがとうございます。
独学で手探り作業のため、とても参考になります。
さっそく勉強してみます。