編集したCSSが元のテーマを上書きしていないCSS

Question

私は自分の望む効果を得るためにカスタムCSSをワードプレステーマ（www.ronanmart.in）に追加しています。

ホームページの.hero-inner divについては、テーマ設定にデフォルト設定を維持するように見えますが、埋め込みを編集しようとしています。私が編集したものは、テーマCSSを上書きしています。

オリジナルパディング：

padding: 121px 2em; 

新パディング：

padding: 261px 2em 0 2em; 

は、私が欠けているものはありますか？

Answer 1

あなたはより具体的なCSSルールを記述していることを確認してください：

特異性は、プロパティ値が要素に最も関連していると、それゆえ、適用されるCSSを決めるブラウザするための手段です。特異性は、さまざまな種類のCSSセレクタで構成される一致ルールに基づいています。
ソース：https://developer.mozilla.org/en/docs/Web/CSS/Specificity

あなたはルールが一致している見ることが!important最初に使用することができます簡単なテストのために。要素のスタイルが期待されている場合は、!importantを削除し、より具体的なルールを作成してください。

.class-name { 
    padding: 261px 2em 0 2em !important; 
} 

/* the same rule, more specific */ 
div .parent-class .class-name { 
    padding: 261px 2em 0 2em; 
} 

注：あなたは!importantを使用しないでください！