Footer - muss der schwarz sein?

[TobiasS]

Hallo Zusammen,

wahrscheinlich habe ich Kartoffeln auf den Augen ...

Der Footer - also der Bereich ganz unten, wo das Impressum etc. verlinkt sind - ist standardmäßig schwarz bzw. anthrazit.
Wo kann ich die Farbe umstellen???

Ich habe den Livestyler aktiviert - aber ich finde es dort nicht.

Liebe Grüße
Tobias

 

[FPrüfer]

AW: Footer - muss der schwarz sein?

Hallo,

suche über das "Evo Theme-Editor"-Plugin in der theme.less deines ausgewählten Themes nach dem Bereich mit "#footer {". Dort kannst du dann für 'background-color' eine andere Farbe einstellen.

 

[TobiasS]

AW: Footer - muss der schwarz sein?

Hallo,

danke für den Tip, aber ich finde es nicht.

im Evo Theme-Editor gib es den Bereich theme.less, dort gibt es unten - passt ja - einen Bereich footer
#footer {
> .container-block, &.container-block {
#gradient > .vertical(@start-color: darken(@gray-dark, 10%); @end-color: @gray-dark);
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
color: #fff;
}
Aber keine Hintergrundfarbe. Woher bezieht er den Farbwert?

Im Editor gibt es auch noch den Bereich variables.less - dort finde ich aber nix zum Footer.

Sorry, ist bestimmt total einfach ...
Liebe Grüße
Tobias

 

[Petuchov]

AW: Footer - muss der schwarz sein?

#footer.container-block in der bootstrap ist Die einzige Stelle, die ich gefunden habe

 

[TobiasS]

AW: Footer - muss der schwarz sein?

Vielleicht ist ja auch mein Ansatz falsch und der schwarze Bereich heißt gar nicht "footer" sondern irgendwie anders?

 

[FPrüfer]

AW: Footer - muss der schwarz sein?

Hallo,
welches Theme wird denn verwendet? (Sieht nach Cerulean aus!?)
Im geposteten Less-Code wird ein Farbverlauf verwendet. dort kannst du die Farben für @start-color und @end-color angeben. Also z.B. so:

#footer {
    > .container-block, &.container-block {
        #gradient > .vertical(@start-color: darken(#FF00FF, 10%); @end-color: #00FFFF);
        h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
            color: #fff;
        }
    }   
}

Oder du ersetzt den Farbverlauf durch eine einfache Hintergrundfarbe:

#footer {
    > .container-block, &.container-block {
        background-color: #FF00FF;
        h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
            color: #fff;
        }
    }   
}

 

[b0b]

Oder du ersetzt den Farbverlauf durch eine einfache Hintergrundfarbe:
Code:
#footer {
> .container-block, &.container-block {
background-color: #FF00FF;
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
color: #fff;
}
}
}

...genau DAS ist in der theme.less von EVO drin, aber leider greifen die dort vorgenommen Änderungen nicht!

...und das jedes Mal nach Neu-Kompilierung in der bootstrap manuell einzumassieren, kann doch keine zufriedenstellende Lösung sein... :-/

 

[b0b]

...vielleicht liegt's aber auch an dem fehlenden Code zum ansprechen der footer-bg? 😉

Hab' @footer-bg: #fff; mal in die 'variables.less' eingesetzt und siehe da: das Schwarz findet ein Ende! 😀

 

[woyte]

Hey b0b,

wo hast Du nochmal die Farbe ändern können? Sitze auch schon ein Weilchen dran und bekomm es einfach nich hin. Wo hast du genau @footer-bg: #fff; in der variables.less hinzugefügt?

 

[b0b]

Einfach unter die globalen Angaben zum Body (body-bg, text-color) geklebt:

...ich kann leider keinen Code posten (warum auch immer?) :-/

Folgende Fehler sind aufgetreten:
Forbidden
You don't have permission to access /threads/footer-muss-der-schwarz-sein.86417/add-reply on this server.

 

[b0b]

...schön wäre hier aber auch mal eine "offizielle" Aussage zu diesem Thema; ...die Liste der nach jedem Update durchzuführenden, manuellen Eingriffe wird - zumindest bei mir - gefühlt immer länger...

 

[david]

die Liste der nach jedem Update durchzuführenden, manuellen Eingriffe wird - zumindest bei mir - gefühlt immer länger...

Halte dich am besten an die offizielle Doku zum Anpassen von Template und Theme.
Änderungen in ein eigenes Child-Template einpflegen, das vermeidet Stress bei Updates.

 

[liquid]

Kurzanleitung, wenn Ihr die Farben im Footer ändern wollt und nach den Parametern sucht (Evo-Template):

custom.css erstellen und folgende Inhalte platzieren:

#footer .container-block, #footer.container-block {
background-color: #323232;}

#footer #copyright .container-block, #footer #copyright.container-block {
background: #000000 none repeat scroll 0 0;}

Die custom.css dann in einem eigenen Child-Template abspeichern und aktivieren (steht in der Doku beschrieben). Gleiches gilt für alle weiteren css-Änderungen, die Ihr am Template vornehmen wollt, immer alles in die custom.css reinschreiben.