Zur Info: dies hier ist ein Forum für WordPress-Anwender mit Problemen bei WordPress und kein CSS-Forum.
Versuche es mal mit
@media only screen and (min-width: 720px) {
#nav-header.nav-container {
background: #005975 !important;
}
}
im Custom-CSS.
Sorry, das ich Dich verärgert habe. Tüfftel die ganze Zeit an der Sache und habe selber kein Ergebnis erzielt und da war dieses Forum meine letzte Idee…Leider funktioniert Dein Code auch nicht.
Ach, ich glaube nicht, dass du hier irgendwen verärgert hast. Du bekommst WordPress, Themes und Plugins kostenlos zur Verfügung gestellt und wir helfen, wenn es damit Probleme gibt, aber dann gibt es jeden Tag Anwender:innen, denen dies und das nicht gefällt und die dann mal rasch jemand suchen, der ihnen das auch noch kostenlos erledigt. „Vielleicht kann mir einer dafür einen Code Schnipsel schreiben?“ ist eigentlich nicht die Aufgabe eines Anwendungs-Support und für Fragen zu Cascading Style Sheets ist ein anderes Support-Forum sicherlich besser geeignet. Deshalb war der Hinweis schon OK.
Nun wollte dir @bscu nach einem langen, harten Arbeitstag trotzdem rasch helfen, hat (wahrscheinlich in Eile?) vier Zeilen Code gepostet und dabei – Flüchtigkeitsfehler, kommt vor – min-width mit max-width verwechselt.
Probier’s mal aus:
@media only screen and (max-width: 720px) {
#nav-header.nav-container {
background: #005975 !important;
}
}
Dann müsste es auch klappen.
Hallo,
so weit ich das sehe, sollte es auch möglich sein, beim Theme Hueman die Farben entsprechend über „Design > Customizer > Deine Anpassungen für ▸ Header-Design
Header Gestaltung: Farben und anderes“ ohne CSS einzustellen. Aber das ist nur eine Vermutung.
Die Lösung von @bscu respektive von Bego sind natürlich auch vollkommen ok.
Viele Grüße
Hans-Gerd
Danke für den Hinweis, Hans-Gerd. Ich war bequem (langer, harter Arbeitstag und so …) und hab das Theme nicht installiert und nachgeschaut, aber die Einstellung im Customizer wäre sicher eine bessere Alternative.
Hallo zusammen,
vielen Dank für die Kommentare. Diese waren sehr hilfreich. Die Einstellungen für die Farben im Customizer sind nur begrenzt und für dieses Problem gibt es keine Einstellung. Durch die Verbesserung von @pixolin, habe ich schon mal die Topbar von der Farbe ändern können und habe das nochmal kopiert und das gleiche fürs footer gemacht.
#footer .nav-wrap ul li.menu-item a {
color: #acc9d2;
}
#footer .nav-wrap ul li.menu-item a:hover {
color: #fff;
background: #0C5369;
}
.nav-wrap {
background-color: #005975;
}
#nav-footer.nav-container {
border-top: 0px;
}
.full-width #nav-topbar { text-align: center; }
.full-width #nav-header { text-align: center; }
@media only screen and (max-width: 720px) {
#nav-header.nav-container {
background: #005975 !important;
}
}
@media only screen and (max-width: 720px) {
#nav-footer.nav-container {
background: #005975 !important;
}
}
Ich hoffe trotzdem, mit solchen Themen hier solche guten Antworten zu bekommen…Vielen Dank!
Ich hoffe trotzdem, mit solchen Themen hier solche guten Antworten zu bekommen…Vielen Dank!
Naja, es ist wie gesagt nicht unser Anspruch, auf Zuruf kostenlos Änderungen an Themes zur Verfügung zu stellen. Wir können hier auch keine Grundlagen in HTML, PHP, CSS und JavaScript vermitteln, erklären wie Browser oder FTP-Clients funktionieren oder die Konfiguration eines eigenen Webservers vermitteln – für solche Dinge gibt es andere Foren, die besser geeignet sind.
Denk bitte daran, dass sich hier aktuell fünf, sechs Anwender:innen regelmäßig in ihrer freien Zeit und ohne Aufwandsentschädigung bemühen, anderen Anwender:innen zu helfen. Dabei bieten wir immmer nur Hilfe zur Selbsthilfe, stubsen dich also (hoffentlich) in eine richtige Richtung, machen aber nicht deine Hausaufgaben.
