Body Color ändert sich nicht

    Guten Abend,


    ich versuche nun schon bei mehreren Templates die Body Farbe zu ändern.
    Anfangs dachte ich, es liegt am kostenlosen Template, aber nach 4-5 verschiedenen glaube ich, dass es an mir liegt. :huh:


    Es handelt sich um diese Seite: http://test119.apps-1and1.net/


    Ich möchte den grauen Hintergrund abändern in diese Farbe: #173982


    Über die Suche im Forum bin ich auf einen Thread gestoßen, wo empfohlen wurde, !Important dahinter zu schreiben. Leider wieder ohne Erfolg.


    Mal ein Auszug aus dem Code wo ich es eingetragen habe:
    }
    body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #173982!Important;
    background-color: #173982;
    }
    a {


    Über Erweiterungen > Templates > Stile kann ich leider auch keine Farbe anpassen.


    Habt ihr eine Idee?


    Freundliche Grüße
    Sascha

    Hallo Sascha,


    hast es ja auch in der Zeile 126 versucht.


    Gibt ein body in der Zeile 6105 (welches obiges überschreibt):


    Code
    body {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #222;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;}


    Liebe Grüße, Christine

    Hallo Christine,


    vielen Dank für die schnelle Hilfe, hat Super geklappt :)


    Noch 2 Fragen:


    Kann ich dort auch die Farbe von meiner Navigationsleiste ändern?
    Und ist es möglich die Farbe von dem Text darüber ebenfalls zu ändern?


    Hab keine Anhaltspunkte dafür gefunden, welcher Farbcode der richtige sein könnte.


    LG und schönen Abend noch.
    Sascha

    Hallo Sascha,


    Zitat von Sascha

    Kann ich dort auch die Farbe von meiner Navigationsleiste ändern?


    Zeile: 2929


    Code
    .navbar .container { width: auto;}


    background-color oben einfügen.


    Allerdings gibt es noch in der Zeile 3251:


    Code
    .navbar-inverse .navbar-inner {background-color:#1b1b1b; background-image: linear-gradient(to bottom, #222222, #111111); background-repeat: repeat-x; border-bottom-color: #252525; border-left-color: #252525; border-right-color: #252525; border-top-color: #252525;}


    background-image, border usw. auch diese ansehen.


    Zitat

    Und ist es möglich die Farbe von dem Text darüber ebenfalls zu ändern?


    Falls Du damit die Überschriften meinst:


    #logo h3 > Zeile 6141 dazuschreiben:
    color:#173982;


    Zeile: 6156 > #000; ändern:


    Code
    #logo h2 a:link, #logo h2 a:visited,
#logo h2 a:hover, #logo h2 a:active {
 color: #173982;
 text-decoration-color:-moz-use-text-color;
 text-decoration-line:none;
 text-decoration-style:solid;
}


    So, ein paar Anhaltspunkte hast Du nun. Probieren musste schon selber ;)


    Liebe Grüße, Christine

    Vielen Dank für die ausführliche Hilfe.


    Es hat auch alles soweit geklappt.


    Nur möchte ich meine Überschriften in unterschiedlichen Farben darstellen.


    die h2 Überschrift konnte ich mit deiner Anleitung ändern, wobei du oben schreibst:


    Zitat

    #logo h3 > Zeile 6141 dazuschreiben:
    color:#173982;


    Zeile: 6156 > #000; ändern:


    Da schreibst du h3 und unten beim Quellcode ändere ich h2, jetzt konnte ich meine h2 Überschrift ändern aber ich finde gar kein Quellcode für meine h3, zumindest nicht in unmittelbarer nähe.


    Kann ich den Block


    Zitat

    #logo h2 a:link,
    #logo h2 a:visited,
    #logo h2 a:hover,
    #logo h2 a:active {
    color: #173982;
    text-decoration: none;


    einfach kopieren/einfügen und h2 durch h3 ersetzen?



    LG Sascha

    Hallo Sascha,

    Zitat

    Kann ich den Block ..... einfach kopieren/einfügen und h2 durch h3 ersetzen?


    macht keinen Sinn, weil es keine "a" link sind.


    Zitat

    jetzt konnte ich meine h2 Überschrift ändern aber ich finde gar kein Quellcode für meine h3, zumindest nicht in unmittelbarer nähe.


    Deine h3 für die 2. Überschrift ist (zurzeit) hier: Zeile 6142 (Teilauszug):


    Code
    #logo h3 {    font-family: Verdana,Arial,Helvetica,sans-serif;    font-style: normal;    font-weight: normal;    letter-spacing: 0;


    Da brauchst Du nur dazuschreiben: color:#173982;


    Grundsätzliche Info: Möchtest Du z.B. ALLE Überschriften in gleicher Farbe haben, würde das hier genügen:
    Zeile 487:

    Code
    h1, h2, h3, h4, h5, h6 {
    color: #222233;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 9px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 9px;
    text-rendering: optimizelegibility; }


    Deine color abändern.


    Zitat

    Nur möchte ich meine Überschriften in unterschiedlichen Farben darstellen.


    Dann musst Du es explizit ansprechen. So wie es mit: #logo h2 {deine formatierung} geschehen ist.


    Liebe Grüße, Christine