2016-07-15 11 views
0

Mein Login-Formular Container zur Zeit von einigen CSS das ist wird auf den Körper WerkzeugeDjango - überwiegendes Login CSS

mit Google dev angewendet außer Kraft gesetzt ich den Täter aber mein Versuch gefunden haben, außer Kraft zu setzen versagt ...

so auf dem Login-Formular haben wir

<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"> 

dann in der CSS für Container i

.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; 
} 
sehen

all diese Stile angewendet von .login #container ich will nicht, sie brechen mein Layout.

so dachte ich, dass ich sie mit dem in der unten stehenden admin_overrides.css Datei

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

aber sie nicht anwenden overide konnte sie in den Entwickler-Tool gestrichen bekommen.

kann mir jemand sagen, wie ich diesen Stil bitte überschreiben kann?

Dank

Antwort

1

hinzufügen !important vor ; auf Ihre Befehle, die Sie erzwingen möchten, dass andere außer Kraft zu setzen. Solange es (und die Datei, in der es in ist) wurden zuletzt geladen und nicht mit einem anderen !important Präfix Befehlen nach ihnen stören, sollte es funktionieren:

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

Viel Glück;)

+0

ehrfürchtig, Dank ! Ich werde mich an dieses erinnern! – AlexW