固定ページのコンテンツエリア上部余白を消したい

0
いいねをした人: 居ません
10件の投稿を表示中 - 1 - 10件目 (全10件中)
  • 投稿者
    投稿
  • #71080
    土方宏太郎
    閲覧者
    0

    【お使いの Snow Monkey のバージョン】
    14.0.0
    【お使いの Snow Monkey Blocks のバージョン】
    11.0.0
    【お使いの Snow Monkey Editor のバージョン】
    5.0.0
    【お使いのブラウザ】
    chrome
    【当該サイトのURL】

    ### 実現したいこと
    固定ページのコンテンツエリアの上部余白を消したいですが、消す項目がないので、教えて頂きたいです。
    ホームページだけはコンテンツエリアの上部余白消す項目があると思いますが、固定ページはないかと思います。
    ページヘッダー画像だと写真の比率が決まっている関係で、ページヘッダー画像には画像を登録せず、固定ページ編集画面からページヘッダー画像を設定しています。

    ### 試したこと
    CSSで設定しようとしましたが、できなかったです。上部余白

    0
    いいねをした人: 居ません
    #71110
    アバター画像キタジマ タカシ
    参加者
    2421

    「会社概要」と書いてある部分をセクション(背景画像/動画)ブロックで作成されていますが、ブロックではなくてページヘッダーで実装するのが一番スマートかなと思いました。「ページヘッダー画像だと写真の比率が決まっている関係で、ページヘッダー画像には画像を登録せず、固定ページ編集画面からページヘッダー画像を設定しています。」とのことでしたが、いずれにしろ CSS でカスタマイズする必要があるので…。

    ページヘッダーを使わずに CSS で対応するなら

    .l-contents__inner {
      padding-top: 0 !important;
      margin-top: 0 !important;
    }

    のような感じでしょうか。
    ※上記コードのままだと全てのページに影響がでるので、必要に応じてセレクタを調整してください。

    0
    いいねをした人: 居ません
    #71168
    土方宏太郎
    閲覧者
    0
    .l-contents__inner {
      padding-top: 0 !important;
      margin-top: 0 !important;
    }

    を充てましたが、それでもまだ余白ができるのですが、余白を消す方法ありますでしょうか

    0
    いいねをした人: 居ません
    #71183
    アバター画像キタジマ タカシ
    参加者
    2421
    .c-entry__header {
        display: none;
    }

    ですかね。

    0
    いいねをした人: 居ません
    #71281
    土方宏太郎
    閲覧者
    0

    余白なくなりました!ありがとうございます。

    ただ、検証ツールで調べるの結構限界あると思うのですが、これもやっぱり検証ツール使って地道に余白の原因を探しているのでしょうか??

    0
    いいねをした人: 居ません
    #71282
    アバター画像キタジマ タカシ
    参加者
    2421

    僕は検証ツールで調べました。あと思いつくのは CSS ファイルを見る方法だと思いますが、それはかなりシンドいし、結局反映されたかを検証ツールで見ることになると思うので、それなら最初から検証ツールで調べるほうが早いかなと思います。

    0
    いいねをした人: 居ません
    #71520
    土方宏太郎
    閲覧者
    0

    すいません、

    .l-contents__inner {
      padding-top: 0 !important;
      margin-top: 0 !important;
    }
    
    .c-entry__header {
      display: none;
    }

    を適用すると投稿ページのタイトルも消えてしまっているのですが、解決策はありますでしょうか??

    0
    いいねをした人: 居ません
    #71522
    土方宏太郎
    閲覧者
    0

    投稿ページだけ

    .post-template-default .l-contents__inner {
      padding-top: 0% !important;
      margin-top: 5% !important;
    }
    .post-template-default .c-entry__header {
      display: block;
    }

    を適用して表示させることが出来たのですが、サイドバーの最近投稿というタイトルが出ないです。

    0
    いいねをした人: 居ません
    #71524
    土方宏太郎
    閲覧者
    0

    すいません、出来ました。

    結論なのですが、投稿ページのタイトルを表示するには

    .l-contents__inner {
      padding-top: 0 !important;
      margin-top: 0 !important;
    }
    
    .c-entry__header {
      display: none;
    }

    くらいしかないのでしょうか??

    0
    いいねをした人: 居ません
    #71581
    アバター画像キタジマ タカシ
    参加者
    2421

    前述したように、僕が提示したコードは

    ※上記コードのままだと全てのページに影響がでるので、必要に応じてセレクタを調整してください。

    なので、ご自身がどのページに適用してどのページに適用させたくないかでセレクタを変える必要があります。固定ページにだけ適用したいということであれば下記のような感じでしょうか。

    .page .l-contents__inner {
      padding-top: 0 !important;
      margin-top: 0 !important;
    }
    
    .page .c-entry__header {
      display: none;
    }

    .page は固定ページの <body> に付与される class です。投稿やカテゴリーアーカイブ等には付与されません。

    0
    いいねをした人: 居ません
10件の投稿を表示中 - 1 - 10件目 (全10件中)
  • トピック「固定ページのコンテンツエリア上部余白を消したい」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。