Stained Glass – Diverse Farbänderungen in Schrift und Bild

Das sollte sich alles per CSS lösen lassen. Eine Einführung in CSS findest du z.B. beim Mozilla Developer Network.

Grundsätzlich hast du zwei Möglichkeiten:

1. Du liest/arbeitest dich in die Materie ein und kaufst dir, wenn du mit englischen Texten nicht zurecht kommst, ein gutes Einsteigerbuch.
2. Du beauftragst einen Dienstleister, der sich bereits auskennt und sein Wissen, die Einarbeitung in deine Website und den Aufwand vergüten lässt.

Hier im Support-Forum leisten wir gerne bei Fragen zu WordPress Hilfe zur Selbsthilfe (siehe Punkt 1), aber wir machen nicht unentgeltlich deine Hausaufgaben. Das fällt umso dünner aus, je weniger du selber zur Lösung beiträgst – also z.B. wenn du nur Screenshots verlinkst und uns sonst keine Informationen zu deiner Website lieferst.

Ich helfe Anwendern gerne bei Fragen zu WordPress. Kostenlos, ehrenamtlich, ohne den Anspruch auf irgendwelche Gegenleistungen. Aber in deinem Fall müsste ich mich erst einmal auf die Suche nach dem Theme machen, das selber installieren, mit deinen Screenshots vergleichen, die passenden CSS-Regeln schreiben und diese dann hier mitteilen. Bei so wenig eigenem Engagement („… und da hab ich dann abgebrochen.“) hab ich da wenig Lust zu. Aber vielleicht hast du Glück und ganz zufällig hat jemand das Theme installiert und kann aus dem Stegreif antworten. Toi, toi, toi.

(Nachtrag: Zu deiner anderen Frage hatte ich mir sogar die Mühe gemacht und das Theme rausgesucht, installiert und nach der entsprechenden Theme-Einstellung gesucht. Danach hast du dich erst einmal eine Woche nicht gemeldet. Das motiviert wenig.)

Jetzt ist es ja leider zu spät, diese Fragen noch zu beantworten.

Wieso? Was hält dich davon ab, zumindest einen Link zu deiner Website zu teilen?

Um Schrift- oder Hintergrundfarben zu ändern, kannst du die Entwicklerwerkzeuge deines Browsers verwenden: Rechtsklick auf z.B. die Überschrift > Element untersuchen. Darauf öffnet sich ein Fenster im Browser, das die links das HTML und rechts die zugehörigen CSS-Regeln zeigt. Hier suchst du nach color bzw. background. Die Farbwerte (z.B. #bfbfbf für die Überschrift) kannst du in den Entwicklerwerkzeugen testweise gegen andere Farben austauschen. So siehst du, ob du die richtige CSS-Regel erwischt hast und wie sich die Änderung auswirkt. Bist du mit dem Ergebnis einverstanden, kopierst du die neue CSS-Regel und setzt sie z.B. im Eingabefeld des Plugins Simple Custom CSS ein.

Hier ein paar mögliche Änderungen (Angaben zwischen /* und */ sind Kommentare):

/* Menü */
.top-navigation .horisontal-navigation li a,
.top-navigation .horisontal-navigation li a:hover,
.top-navigation .horisontal-navigation li a:focus {
  color: #3a939b;
}

/* Widget Titel */
.sidebar-top-full .widget .widgettitle, .sidebar-top-full .widget .widget-title {
  color: #3a939b;
}

/* Widget Hintergrund */
.sidebar-top-full .widget {
    background-color: #fff;
	/* oder background: none; */
}

Einige Farben lassen sich auch bequemer über Design > Anpassen ersetzen.

Ich hoffe, das hilft dir für den Anfang weiter.