🌍
Deutsch
Seiten: 1 2
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
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
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
Versuche es mal hier mit
.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
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.
Online
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
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
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.
Online
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
Seiten: 1 2