にはどうすれば

Question

アムは、アンダースコアのテーマを使用して、私はちょうど次のコードで自分のサイトへの連絡先情報を持つウィジェットを追加WordPressのサイトを現像容器の上部と下部の余白をなくすことができますCSS：

.topheader { 
    background-color:#e6e6e6; 
} 
.info { 
    max-width: 1280px; 
} 

この情報はページ上の最初のものです。しかし、私は、スライダが配置されている上部と下部にスペースがあることがわかります。

見出しの前後に表示される既存の余白を削除するにはどうすればよいですか？

原因私は今ギャップ、次にウィジェット、そしてウィジェットの後に別のギャップがあり、スライダーだけです。 ヘッダマージンを0pxに設定しようとしましたが、実際には機能しませんでした。

Answer 1

ここ

のスクリーンショットは、どのように私は私が見出しの前と後の参照既存のマージンを排除することができますか？

見出しによって、万が一H3タグを意味していますか？これらはサイドバーのデフォルトです。サイドバーのH3タグにmargin-top:0を設定するだけで、サイドバーを押し下げる余白がなくなります。

これに対抗するには、margin-bottomをウィジェットブロックに追加して少し外してください。

私はそれがあなたが意味するものだと思っていますが、あなたの問題がどのような視覚的な表現なしに理解するのは難しいです。

Answer 2

あなたはこのようにCSSで開始値を設定する必要があります。

body, html { 
    margin: 0; 
    padding: 0; 
} 

そうでない場合はこちらのページの全体のコードをコピーしてください。あなたのブラウザで開いて、サイトのコードを開き、すべてをコピーしてください。

Answer 3

要素を検査し、余白の原因をテストします。このコードを試すことができます。これは役に立ちます。しかし、あなたの質問があなたのコードを知るのに十分ではないので、確かではありません。

*{ 
margin: 0; 
padding: 0; 
} 
.top-header, .info { 
margin: 0; 
padding: 0; 
}