Ändern von Farbe im Menü und Widgets

mystasia

Ich habe meine Webseite mit dem Template Awaken ausgestattet.
Eine User stört nun die Farbgestaltung im Menü und die Überschriften der Widgets.
Diese werden im rötlichen Ton angezeigt, bein dem Vorgänger-Template waren diese blau und das soll nun auch wieder gemacht werden.

Nun meine Frage, wo ändere ich bei dem Template die Farben für Widgets und Menü von rot auf blau?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Slowmo

Code

/*--------------------------------------------------------------
Widget-Titel, Hintergrund- und Schriftfarbe
--------------------------------------------------------------*/
.main-widget-area .widget-title {
    background: #dein Blau;
    color: white
}
/*--------------------------------------------------------------
Main-Navigation, Hintergrundfarbe
--------------------------------------------------------------*/
.main-navigation li.current-menu-item {
  background-color: #dein Blau;
}

Alles anzeigen

Gruß
Sophie

mystasia

Super, danke Dir Sophie

mystasia

Hast Du zufällig auch noch Code für die Änderung der Farben der Überschriften der einzelne Seiten? Sind auch in rot

Slowmo

Probier das mal

Code

.awt-title {
    background: #dein Blau;
}

Gruß
Sophie

mystasia

Hmm der Code geht leider jetzt nicht, oder habe was falsch gemacht?

/*--------------------------------------------------------------
Widget-Titel, Hintergrund- und Schriftfarbe
--------------------------------------------------------------*/
.awt-title {
background: #1e73be;
}
-------------------------------------------------------------*/
.main-widget-area .widget-title {
background: #1e73be ;
color: white
}
/*--------------------------------------------------------------
Main-Navigation, Hintergrundfarbe
--------------------------------------------------------------*/
.main-navigation li.current-menu-item {
background-color: #1e73be

b3317133

die Kommentarlinie in Zeile 7 ist unvollständig, sollte mit /* anfangen
am Ende des Codes fehlt eine }

Marcus[IS]

Wurde im Vortext beantwortet. (Zeitüberschneidung)

mystasia

danke euch beiden, habe alles durchgegangen und ergänzt, jedoch werden die überschriften der seiten immer noch in rot angezeigt.

Code

/*--------------------------------------------------------------
Widget-Titel, Hintergrund- und Schriftfarbe
--------------------------------------------------------------*/
.awt-title {
background: #1e73be;
}
/*-------------------------------------------------------------*/
.main-widget-area .widget-title {
background: #1e73be ;
color: white
}
/*--------------------------------------------------------------
Main-Navigation, Hintergrundfarbe
/*--------------------------------------------------------------*/
.main-navigation li.current-menu-item {
background-color: #1e73be;
/*-------------------------------------------------------------*/
}

Alles anzeigen

Gast 100035

Jetzt fehlt hier das Kommentar Ende Zeichen bzw. ist in der nächsten Zeile zu viel::

/*-------------------------------------------------------------[COLOR=#ff0080]-(*/)[/COLOR]
Main-Navigation, Hintergrundfarbe
[COLOR=#ff0080]/*[/COLOR]--------------------------------------------------------------*/

mystasia

ich krieg es nicht hin :-( langsam werd ich verrückt ;)
wo liegt der fehler?

Code

/*--------------------------------------------------------------
Widget-Titel, Hintergrund- und Schriftfarbe
--------------------------------------------------------------*/
.main-widget-area .widget-title {
    background: #1e73be;
    color: white
}
/*--------------------------------------------------------------
Main-Navigation, Hintergrundfarbe
--------------------------------------------------------------*/
.main-navigation li.current-menu-item {
  background-color: #1e73be;
/*--------------------------------------------------------------*/
.awt-title {
    background: #1e73be;
}

Alles anzeigen

b3317133

Diesmal fehlt ein } nach Zeile 12.

Gast 100035

Zitat von b3317133

Diesmal fehlt ein } nach Zeile 12.

Eigentlich doch nicht, die Klammer sitzt unter der Kommentarzeile. Wirkt sich das aus?

Falsche Antwort, ich habs noch gemerkt :confused:

mystasia

Habe die Klammer hinzugefügt, jedoch hat sich nichts getan...

b3317133

Link zur Seite?

mystasia

Startseite - mySCN

b3317133

Wo wurde der o.g. CSS-Code eingefügt? In welche Datei oder über welches Menü?

Für blaue Seitentitel wäre anhand des o.g. Links das hier der korrekte Code:

Code

.page-entry-header, .archive-page-header, .search-page-header {
    border-bottom-color: #1e73be;
}
.page-entry-title, .archive-page-title, .search-page-title {
    background-color: #1e73be;
}

mystasia

Habe die Codes eingefügt über das Template.
[size=14]Simple Custom CSS .[/SIZE]

b3317133

Gib den Code mal in diesem WordPress Menü ein:

Design -> Customizer -> Zusätzliches CSS

mystasia

Zitat von b3317133

Gib den Code mal in diesem WordPress Menü ein:
Design -> Customizer -> Zusätzliches CSS

Ja das ist ja das Feld wo ich es eingefügt habe ;)

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Ändern von Farbe im Menü und Widgets

Jetzt mitmachen!