2017-05-18 14 views
0

こんにちは、私は、サイト開発しています:HERECSSのサイドバーの背景色全幅

マイサイドバーの背景色を全幅になっていないように思える、それは右の部分に奇妙なマージンを持っています。私は、サイズを増やして管理しようとしましたが、左側のパッディングを調整して左に移動しましたが、右側が100%または200%のバックグラウンドのサイズにしていてもそうです。

`

.sidebar .widgettitle { 
margin-left: -50px; !important; 
background:#606060; 
padding:10px 0px 10px 25px; 
text-transform:uppercase !important; 
width: 210%; 
max-width: 210%; 
background-size: 210% auto !important; 
height: auto; 

} '

+0

一部のコードを共有する –

+0

ありがとうございます。私は '.sidebar .widgettitle { margin-left:-50px; !重要; 背景:#606060; パディング:10px 0px 10px 25px; テキストトランスフォーム:大文字!重要; } –

答えて

0

CSSクラス容器が50個のピクセルの値に左右両方にパディングを有していると思われます。あなた自身のCSSファイルでこれを上書きすることができます。

pic showing .container style in grid.css

+0

ありがとう私のコードは: '.sidebar .widgettitle { margin-left:-50px; !重要; 背景:#606060; パディング:10px 0px 10px 25px; テキストトランスフォーム:大文字!重要; } でも同じ結果が表示されます –

0

Anmol Nandhaによって答えが正しい - それは50pxpadding-leftpadding-rightを有する.container要素によって引き起こされます。

あなたのgrid.css内の特定のスタイルを削除するか、またはあなたはフレームワークファイルを編集したくない場合は、あなたが.container要素にid属性を追加することを検討し、padding-leftpadding-rightを設定することにより、効果を相殺かもしれません

これを行うと、左側(メイン)部分の内容がエッジに固執することに注意してください。これを補うために.entry-content-wrapperpadding-left: 50pxを追加するとよいでしょう。

もちろんサイドバーのCSSを調整するオプションがありますが、私はそれを修正するための最も簡単な方法を(私の意見では)概説しています。

+0

Thanks Gagas私は削除して.entry-content-wrapperにパディングを追加しようとしましたが、コンテナからパディングを削除すると、ヘッダーとフッターエリアを含むすべてのパディングが削除されるようです。 –

+0

その後、私の後者の提案を使うことができます - サイドバーの親要素に 'id'を与え、そのIDを使ってパディングを削除します。 –