ジャンゴ - オーバーライドログインCSS

マイログインフォームコンテナは現在、いくつかのCSSのthatsで上書きされているがジャンゴ - オーバーライドログインCSS

...私は犯人を発見したが、オーバーライドする私の試みが失敗しているGoogleのdevのツールを使用して、身体に

を適用しました

ので、ログインフォーム上で、我々は

<body class=" login" 
    data-admin-utc-offset="3600"> 

<div id="header-bar"> 
    <div id="header-content"> 
     <div id="header-meta-bar"> 
      ..... 
    </div> 
<!-- Container --> 
<div id="container">

を持って、コンテナのCSSで私は

.login #container { 
    background: #fff; 
    border: 1px solid #eaeaea; 
    border-radius: 4px; 
    overflow: hidden; 
    width: 28em; 
    min-width: 300px; 
    margin: 100px auto; 
} 
#container { 
    position: relative; 
    width: 100%; 
    min-width: 980px; 
    padding: 0; 
} 
div { 
    display: block; 
}

を見ることができます

.loginによって適用されるすべてのスタイル#container私は望みません、彼らは私のレイアウトを壊しています。

ので、私は

.login #container{ 
    border:0; 
    width:100%; 
    margin: 0; 
}

admin_overrides.cssファイルで、私は以下でそれらをオーバライドと考えていたが、それらが適用されますいけない、彼らは、開発ツールに出被災ます。

誰でもこのスタイルを無効にする方法を教えていただけますか？

おかげ

出典

2016-07-15 AlexW

は、あなたが他の人をオーバーライドする強制したいあなたのコマンドに;前!importantを追加します。であれば（そしてそれがであるファイル）最後にロードされてしまったし、それらの後に別の!important前置コマンドと干渉しない、それが動作するはずです：

.login #container{ 
    border:0!important; 
    width:100%!important; 
    margin: 0!important; 
}

幸運;）

出典

2016-07-15 10:40:43 Sascha

素晴らしい、おかげで！それを覚えています！ – AlexW

ジャンゴ - オーバーライドログインCSS

答えて

関連する問題