”ページ設定(本文のみ)”で記事を書く際、上部スペース余白をなくしたいです。

Simplicityの特徴 フォーラム テーマファイルのカスタマイズに関する質問など ”ページ設定(本文のみ)”で記事を書く際、上部スペース余白をなくしたいです。

  • このトピックには4件の返信、1人の参加者があり、最後にKにより9年、 3ヶ月前に更新されました。
4件の返信スレッドを表示中
  • 投稿者
    投稿
    • #52905
      K
      ゲスト

      こんにちは。
      いつも本当にお世話になっております。

      一点、教えていただきたいことがあります。

      一部の記事を「ページ設定(本文のみ)」で投稿し、
      ランディングページ風に見せたいと思っています。

      しかし、「ページ設定(本文のみ)」を選択した場合であっても、
      タイトルはそのまま表示されるため、ランディングページとしては少し不自然に感じておりました。

      タイトルが一番うえに入っている状態

      そこで、タイトル自体はCSSで非表示にできたのですが、上部余白はそのまま残ってしまいます。

      タイトル非表示後も残る余白

      こちらのURLです。
      http://kagagurashi.com/post-4673/

      出来れば、余白をなくしてトップから画像が配置されるようにしたいと思っております。
      トップの余白をなくすことは出来るのでしょうか。

      素人で、色々調べているものの上手くいかず…。
      申し訳ありませんが、ご教示いただきますようお願いいたします。

    • #52908
      かうたっく
      ゲスト

      こんばんは

      一部の記事を「ページ設定(本文のみ)」で投稿し、
      ランディングページ風に見せたいと思っています。

      しかし、「ページ設定(本文のみ)」を選択した場合であっても、
      タイトルはそのまま表示されるため、ランディングページとしては少し不自然に感じておりました。

      一部のページと言う事ですが、それを指定して下記のCSSを追加すれば、他のページに影響が…と思っています。

      #body{
       margin-top: 0;
      }
      #main {
        padding-top: 0;
      }

      たとえば、ランディングページ用に固定ページをつくったのであれば、カスタムCSSにこのスタイルを追加すれば、またはページ特有のHTMLタグがあればそれを指定すれば効く。と言った感じです。

      私には、引用部分が具体的にどのようにページ指定されたか、不明です。次答えてくださる方の時短として
      てな感じですが…❦

    • #52909
      Akira
      ゲスト

      #bodyの上marginと#mainの上paddingを0にすると、ご希望の配置になるかと思います。

      他のページに影響が出ないように、その投稿ページのみに指定させてみました。

      
      .postid-4673 #body{
        margin-top:0;
      }
      .postid-4673 #main{
        padding:0 29px 20px;	
      }
      
    • #52911
      MAO
      ゲスト

      かっこいいなー
      simplicityでも
      こんな風に
      できるんだ

    • #52922
      K
      ゲスト

      かうたっく様 Akira様 MAO様

      このたびは、迅速にコメント・対応いただき誠にありがとうございます。
      教えていただいた通りにCSSに入力したところ、希望通りになりました!

      本当にありがとうございます!

4件の返信スレッドを表示中
  • トピック「”ページ設定(本文のみ)”で記事を書く際、上部スペース余白をなくしたいです。」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)