2017-03-21 9 views
0

私はLyricalテーマをwordpressで使用しています。 godaddyの無料テーマです。私はメインがページの全幅を占めるようにしたいので、それは本質的にはbody.siteの余白を取り除いていると思います。Wordpressテーマのマージンを修正できません

#main { 
    max-width:300% 
    width:1500px; 
    left:0px; 
    padding-left:0px; 
} 

body.site { 
    max-width:100%; 
    margin:0 auto; 
} 

#page { 
    max-width:100% 
    margin:0 auto; 
    padding-left:0; 
    left:0; 
} 

#mainスタイリングは少し働いていた:私はそこに別のテーマに多くの関連質問があり、私は含めて提案したソリューションを実現しようとしています。私は必要に応じてメインの幅を広げることができましたが、マージンがまだそこに残っていたため、中央に配置されませんでした。マージンスタイリングのどれも働かなかった。私は可能な限り最高のテーマのstyle.cssを見ました。それは、4000 +行のようにデバッグするのは難しいですし、cssは一種のチェーンスタイリングを使用しているので、「マージン」や「.site」などのインスタンスが多いため、検索をうまく活用することはできません。

私の質問:マージンを対象とし、それらを排除するコードはありませんか?

注:私はstackoverflowがこの相談に最も適した場所であると考えています。このようにして、より一般的な問題をより多くのユーザーが見て学ぶことができます。

更新:ここでは、余白にあるinspect要素をクリックしたときのスクリーンショットです。私は#pageのすべての属性とsite-header-wrapperを試してみました。追加

enter image description here

+0

あなたはもっと何かを共有してください... htmlや他の関連するCSSと同じようにしてください。これらの3つのCSSブロックだけを調べることで、理解するのは難しいです。 – uvishere

+0

あなたのウェブサイトがオンラインでホストされている場合は、そのURLを共有して、変更内容を確認して提案することができます。 –

+0

すべてのファイルは[this](https://github.com/godaddy/wp-lyrical-theme)リポジトリにあります。私が助けることができることが他にもあるかどうか私に教えてください。 –

答えて

1

試して、あなたのCSSに重要なの!多分誰かが私には欠けているものが表示されます。しかし、追加する前に要素を検査し、正確な結果のためにスタイルを追加し、必ずしも必要ではない別のスタイルを試してみてください!

#main { 
     max-width:300% !important; 
     width:1500px !important; 
     left:0px !important; 
     padding-left:0px !important; 
    } 

    body.site { 
     max-width:100% !important; 
     margin:0 auto !important; 
    } 

    #page { 
     max-width:100% !important; 
     margin:0 auto !important; 
     padding-left:0 !important; 
     left:0 !important; 
    } 
+0

素晴らしいアイデアですが、余裕はまだあります。 –

+0

あなたはそれにinspect要素をやってみましたか?任意のマージンを削除しますか? – bxorcloud

+0

はい、私は要素を見ました。それによると、マージンには 'id = page'があります。しかし、 '#page'とその子属性に焦点を当てても、私はそれを消すことはできません。私は例のウェブサイトへのリンクを提供しました、あなたは私とは異なる結果を得ていますか? –

関連する問題