webdevqa.jp.net

左右のパディングを削除する方法?

私はmake theme bb theme Foundryを使用しています。両側から詰め物を取り除きたい image 

Bodyタグの下のstyle.cssファイルにこのコードを追加します。

{
    margin-left: 0px;
    margin-right: 0px;
}

それからこのコードを試しても何も起こらなかった。

body { padding:0; }
1
chiku

ブラウザの開発者ツール(Chromeのインスペクタ、FirefoxのFirebugなど)を使用して、パディングの発生元を確認します。

パディングが本体以外のものに適用されるか、パディングが本体に適用されてもCSSをオーバーライドしています。例えば:

body.class {
    padding: 20px;
}

あなたのCSSをオーバーライドするでしょう。または

body {
    padding: 20px;
}

宣言された after あなたのCSSはまだオーバーライドするでしょう。

更新:

開発者ツールを使用して、パディングが適用されている場所を確認できます。ここに見られるように、ヘッダパディングは.container divから来ています:

 

あなたがここで見ることができるようにボディのパディングは2つの場所、.site-content divそして.container divから来ています:

  

このパディングをどのように削除(または縮小)するかは、CSSの編集方法によって異なります。メインのstyle.cssファイルで作業している場合は、471行目の.containerおよび1265行目の.site-contentのCSSを変更する必要があります。CSSのファイルと行番号は、開発者ツールでCSSの右上に表示されます。 。

テーマにもカスタムCSSがあることがわかります。そのため、これを使用する場合は、カスタムCSSにこれらを追加する必要があります。

.container, .infinite-footer-container, .page-template-template-builder-php .entry-content > .Twitter-share {
    padding: 0 10px;
}
.site-content {
    padding: 0;
}

明らかにあなたがそれになりたいものにパディングを変更してください。

私はそれが役に立つことを願っています(そしてすべてが理にかなっている)。

3
Cai