Ankündigung

#1 2021-03-21 19:34:23

Phil123
Mitglied
2021-03-21
22

Farbschema bei einem Thema Individuell ändern

Hi Community,

ich habe ein Thema "Bootstrap Darkroom" aktiviert und würde hier gerne die Farbe individuell anpassen.
Kann mir jemand ein Anstoß geben, wie ich die Farbe ändern kann?

Muss ich hierfür komplett ein Custom CSS erstellen oder kann ich einfach ein bestehendes Farbschema mit dem Farbcode ersetzen?

Falls ja, wo muss dies erledigt werden?
Und wie?

Danke im Voraus.

Grüße
Phil

Offline

#2 2021-03-21 19:48:25

Slim
Piwigo Team Moderators
2013-03-09
482

Re: Farbschema bei einem Thema Individuell ändern

Hallo,

in der Konfiguration von Bootstrap Darkroom gibt es etliche Farbschemen die zur Auswahl stehen.

Die schau dir mal an. Vielleicht ist das passende dabei.

Eine Anpassung per Custom CSS ist natürlich auch Möglich.

Slim

Offline

#3 2021-03-21 20:17:22

Phil123
Mitglied
2021-03-21
22

Re: Farbschema bei einem Thema Individuell ändern

Danke für die schnelle Antwort.

Diese habe ich bereits durch. Hierbei habe ich mich für das "Flatly" entschieden.
Allerdings würde ich nun gerne den Farbton der Menüs abändern, welche auch in der Vorschau zu sehen sind.

Wie ist dies möglich?

Grüße
Phil

Beitrag geändert von Phil123 (2021-03-21 20:20:55)

Offline

#4 2021-03-21 20:28:45

Slim
Piwigo Team Moderators
2013-03-09
482

Re: Farbschema bei einem Thema Individuell ändern

Versuche es mal hier mit

Code:

.bg-light {
    background-color: #fff !important;
}

In die Custom CSS Eintragen. Das #fff ist die Farbe hier weiss.
Den passenden Farbcode musst Du die selber raussuchen.

Offline

#5 2021-03-21 20:30:47

drlecter
Piwigo Team Moderators
2016-03-17
659

Re: Farbschema bei einem Thema Individuell ändern

Du kannst die Bereiche über die Custom CSS dann ändern.
Also auf der Config Seite vom Theme ganz unten die Dinge eintragen. Die entsprechenden Bezeichnungen kannst du in der .css nachschauen, oder mit den Developer Tools im Browser testen.

Offline

#6 2021-03-21 20:35:10

Phil123
Mitglied
2021-03-21
22

Re: Farbschema bei einem Thema Individuell ändern

@slim:

Perfekt, danke dir. Hat super funktioniert.

@drlecter:

Alles klar.

####

Könnt ihr mir auf Anhieb sagen, wie ich z.B. die Schrift in beiden Menüs auf weiß ändern kann?

Grüße
Phil

Offline

#7 2021-03-21 20:40:17

Slim
Piwigo Team Moderators
2013-03-09
482

Re: Farbschema bei einem Thema Individuell ändern

Das müsste dies sein. Ich bin mir aber nicht sicher.

Code:

.d-block, a {
    color: #000000;                 /*Farbe Schrift*/
}

Offline

#8 2021-03-21 20:47:44

Phil123
Mitglied
2021-03-21
22

Re: Farbschema bei einem Thema Individuell ändern

Danke.

Leider bleibt die Schrift hier weiß.
Bei einem Klick, bzw. Refresh sehe ich die Unterpunkte im Menü kurz weiß, danach wenn wieder nur die Hauptpunkte angezeigt werden ist wieder alles in schwarz.

##

Ich muss mich korrigieren. Wenn ich beim Template Litera auswähle und den Farbcode wie von dir beschrieben ändere, dann funktioniert es.

Wähle ich aber mein gewünschtes Farbschema Flatly auswähle und den Code reinkopiere, dann belibt alles wie gehabt.

In diesem Farbschema wäre die Menü Schrift bereits weiß.

Vllt hat ja noch jemand von euch eine Idee.

Grüße

Beitrag geändert von Phil123 (2021-03-21 20:55:30)

Offline

#9 2021-03-21 20:54:46

Slim
Piwigo Team Moderators
2013-03-09
482

Re: Farbschema bei einem Thema Individuell ändern

Ich habe so viele Code-Schnipsel das ich oft nicht mehr weiss wohin die gehören.
Bei einigen habe ich schon dabei geschrieben was das ist, aber nicht wohin.

Im Moment weiss ich da nicht weiter.

Offline

#10 2021-03-21 20:56:20

Phil123
Mitglied
2021-03-21
22

Re: Farbschema bei einem Thema Individuell ändern

Verständlich.

Ich finde allerdings in keiner CSS meine Änderungen, welche ich im Custom eingegeben habe.

Wo genau werden diese abgelegt, bzw. in welcher CSS?

Offline

#11 2021-03-21 20:59:18

Slim
Piwigo Team Moderators
2013-03-09
482

Re: Farbschema bei einem Thema Individuell ändern

Das wird im ./local Verzeichnis Darkroom (custom.css) abgelegt

Offline

#12 2021-03-21 21:03:46

Phil123
Mitglied
2021-03-21
22

Re: Farbschema bei einem Thema Individuell ändern

Super danke. Dann werde ich da morgen mal ein Blick reinwerfen und mich nochmals melden.

Offline

#13 2021-03-21 21:04:45

Slim
Piwigo Team Moderators
2013-03-09
482

Re: Farbschema bei einem Thema Individuell ändern

Ok dann gehe ich bald schlafen und Träume davon :)

Offline

#14 2021-03-21 21:08:40

drlecter
Piwigo Team Moderators
2016-03-17
659

Re: Farbschema bei einem Thema Individuell ändern

Du kannst wie erwähnt, mit den Developer Tools live die Einstellungen anpassen und sehen was sich ändert, bevor du alles in die css reinschreibst. Schaue dir auch einmal eine CSS Datei von Darkroom an. Da hilft auch bzgl. der Namen usw.

Offline

#15 2021-03-22 08:48:38

Phil123
Mitglied
2021-03-21
22

Re: Farbschema bei einem Thema Individuell ändern

Slim schrieb:

Ok dann gehe ich bald schlafen und Träume davon :)

Guten Morgen,

ich hoffe du hast nicht davon geträumt :D.

Slim schrieb:

Du kannst wie erwähnt, mit den Developer Tools live die Einstellungen anpassen und sehen was sich ändert, bevor du alles in die css reinschreibst. Schaue dir auch einmal eine CSS Datei von Darkroom an. Da hilft auch bzgl. der Namen usw.

Der Tipp war sehr hilfreich. Ich kann nun über die Dev Tools die Farbe etc zum Test ändern und den Code erfolgreich einsehen.

Über folgende Befehle in der Custom CSS hat es dann geklappt:


.navbar-light .navbar-brand {
    color: #ffffff;
}

.navbar-light .navbar-nav .nav-link {
    color: rgb(255 255 255);
}

###


Ich habe nun nur noch ein Problem mit einer Kachel.
bei a.nav-link bleibt es weiterhin schwarz und es will sich trotz dem Custom Code nicht auf weiß ändern.

Folgendes steht in den Dev Tools:

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #ffffff;
}

Eventuell hat ja hierzu noch jemand eine Idee.

----------------------------

EDIT:

Ich habe es mir etwas einfacher gemacht und das Farbschema "Flatly" gewählt, wo die Schrift etc bereits passt.

Danach habe ich folgenden Code im Custom CSS eingefügt:

.bg-primary {
    background-color: #988989!important;
}

Jetzt passt auch hier der Hintergrund.

Danke nochmals für die Hilfe.


Grüße
Phil

Beitrag geändert von Phil123 (2021-03-22 08:51:37)

Offline

Brett Fußzeile

Unterstützt von FluxBB

github twitter newsletter Spenden Piwigo.org © 2002-2021 · Kontakt