Ankündigung

Antwort schreiben

Schreiben Sie hier Ihren Beitrag

Click in the dark area of the image to send your post.

Zurück

Übersicht (Neuester Beitrag zuerst)

Slim
2021-03-22 09:50:54

Moin moin,

geschlafen habe ich gut, nur nicht geträumt :)

Den ersten Code "navbar" den habe ich in meinem Fundus, nur den zweiten nicht.

Da ist bei mir wohl ein bisschen was durcheinander.

Hauptsache bei Dir funktioniert es es nun. Ich setze auch Bootstrap ein "Simplex" und bin damit sehr zufreiden.

Slim

Phil123
2021-03-22 08:48:38

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

drlecter
2021-03-21 21:08:40

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.

Slim
2021-03-21 21:04:45

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

Phil123
2021-03-21 21:03:46

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

Slim
2021-03-21 20:59:18

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

Phil123
2021-03-21 20:56:20

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?

Slim
2021-03-21 20:54:46

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.

Phil123
2021-03-21 20:47:44

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

Slim
2021-03-21 20:40:17

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

Code:

.d-block, a {
    color: #000000;                 /*Farbe Schrift*/
}
Phil123
2021-03-21 20:35:10

@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

drlecter
2021-03-21 20:30:47

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.

Slim
2021-03-21 20:28:45

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.

Phil123
2021-03-21 20:17:22

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

Slim
2021-03-21 19:48:25

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

Brett Fußzeile

Unterstützt von FluxBB

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