2016-12-04 6 views
-2

ブログのヘッダーの後にスペース・ギャップを減らす方法を知りたいです。私は具体的にしてみましょう、ヘッダーメニューの後、主なコンテンツの本体の前にスペースのギャップ。ヘッダーメニューとメインコンテンツ本文の間のスペースを減らす方法は?

CSSの知識はあまりありませんが、テーマの大規模なCSSコードを見てからは、ちょっと混乱してコードに触れないことに決めました。だから、ここで少し助けが必要でした。

  • リンク - Thats Breaking
  • テーマ - 新聞
  • ブログプラットフォーム - ワードプレス

私はすべての情報を逃した場合、私に教えてください。

+0

インスペクタでは何と言いますか?あなたのカスタムcssファイルを減らし、.td-main-page-wrapを追加する必要があります。.td-main-page-wrap padding-topは40pxです。これは、パディングを減らし、パディングを減らし、ギャップを減らします。 – JonHerbert

+0

{パディングトップ:20ピクセル; } –

答えて

1

あなたがしようとしているのは、ヘッダーまたは本文の余白またはパディングを設定することです。

パディングまたはマージンのいずれかを使用できますが、表示する効果によって異なります。

速く結果を得るために、次のことができます。ウェブページで

  1. を変更したい身体コンテナにRIGHクリックをリンクスペース・ギャップ
  2. CSSコードインスペクタ:

    td-main-page-wrap { padding-top:48px; }

スペースがそのattrで設定されていることに注意してください。 たとえば、インスペクタの値を48pxから0pxに変更すると、自動的にヘッダとボディの内容がギャップをつけます。

その後、あなたはあなたのCSSコードを変更する必要があります。 td-main-page-wrapを検索します。 上下、左右、余白、余白も変更できます。

テンプレートのCSSを変更すると、クラスや要素が異なるビューで使用される可能性があるため、注意してください。あなたがすべて壊れているのを見る場合に備えて:p

関連する問題