Startseite Schriftzug/Schriftfarbe/Schriftgröße vom Seitennamen bzw. Logo ändern

Rechtsklick auf das fragliche Element... in deinem Fall der Schriftzug... im Kontextmenü dann 'Element untersuchen' auswählen - es startet der Inspektor. Das gewählte Element ist schon ausgewählt.
Schauen, welches Element es ist und welcher CSS Selektor angesprochen werde muss. Rechts sieht man die zur Zeit gültigen CSS Formatierungen.
Der Rest, also die neuen Formate setzen, wird dann im zusätzlichen CSS gemacht! ... und ein Video zur Hilfestellung...
https://www.youtube.com/watch?v=KJpZT5IkOpc

Zunächst hast du schon mal (fast) alles richtig gemacht - nur hast du, so wie ich es sehe, folgendes in dein zusätzliches CSS geschrieben:

.entry-header, .title-block {

[COLOR=#ff0000]{[/COLOR]color:
#000000;
}

[COLOR=#ff0000]{[/COLOR].title-block .site-title a, .header-image .title-block .site-title a, .title-block .site-description, .header-image .title-block .site-description {
color: #000000;}

Diese geschweiften Klammern { ([COLOR=#ff0000]rot markiert[/COLOR]) ganz am Anfang gehören da nicht hin und macht den gesamten folgenden Ausdruck unwirksam - CSS ist in diese Hinsicht sehr sensibel!

So eine CSS Anweisung hat immer das Format und wenn diese Syntax nicht eingehalten wird, führt das zu Fehlern... die Anweisung wird nicht ausgeführt... oder sogar alle folgenden Anweisungen werden ignoriert!

Selektor {
Eigenschaft: Wert;
}

Wenn du diese 'falsche' Klammer gelöscht hast, wirst du feststellen, dass der gesamte Überschriftenbereich in schwarzer Schrift dargestellt wird, da deine Selektoren eben alles dort ausgewählt haben.

Im Moment sieht das bei dir so aus..

Das Element, dass du ändern willst ist das <h3 class="site-description">...</h3>
Damit hast du schon mal die Möglichkeit gezielt auf dieses Element zuzugreifen - durch ... h3.site-description oder auch nur .site-description
Um sicher zu gehen, dass du nicht noch ein anderes Element ansprichst, dass den selben Selektor verwendet, grenzt du etwas weiter ein und benennst noch das Elternelement deines <h3>.
Das ist das umschließende <div class="title-block">... </div>.
mit
.title-block .site-description {
Eigenschaft: Wert;
}
triffst du dann dein 'VON HERZ ZU HERZ'

Mein Vorschlag - lösche die fehlerhaften Anweisungen, die ich oben erwähnt habe (die sind sowieso unwirksam - weil falsch) und schreibe stattdessen:
.title-block .site-description {
color: #000000;
}

Kein Problem... das Forum ist ja für 'Neulinge' da! Und jeder ist mal so angefangen.. als Neuling.
Schau dir deinen Quellcode an... der sieht an dieser Stelle etwa so aus!

<div class="title-block">


         <h1 class="site-title"><a href="http://www.segelpause.de/" title="Segelpause" rel="home">Segelpause</a></h1>


         <h3 class="site-description">von Herzen für Herzen</h3>
                
</div>

Da siehst du, da ist ein <div class="title-block> und zwischen dem öffnenden Tag <div> und dem schließenden Tag </div> sind 2 Elemente eingefügt... ein <h1>..</h1> und ein <h3>...</h3>.
Beide.. das <h1> und das <h3> sind dann Kindelemente von <div class="title-block">... oder anders herum, das <div> ist das Elternelement von den beiden Überschriften!

Wenn du im CSS eines von beiden ansprechen willst, dann ist es sinnvoll, hier möglichst genau zu sagen, was du ansprechen willst - in dem Elternelement <div class="title-block"> das Kindelement <h3 class="site-description">...</h3>
Das würde dann (vollständig) so aussehen...
div.site-title h3.site-description {
anweisung: wert;
}
oder (verkürzt)
.site-title .site-description {
anweisung: wert;
}

War das jetzt verständlicher? Die Informationen, die du brauchst, sind alle im Quellcode enthalten.

Und wenn du meine obige Antwort mal genau liest, dann steht da schon ganz genau drin, wie du nur die <h3 class="site-description">von Herzen für Herzen</h3> schwarz bekommst!