jostu55

Also ich meine, das hat Gutenberg noch nicht wirklich im Griff. Ich würde mir deswegen keine großen Gedanken machen. Das ist Gutenbergintern.
Du kannst deine Seite ja mal durch einen online Test durchlaufen lassen.
Ich nehmen das allerdings nicht zu ernst. Herr Go..le bietet ja einige Möglichkeiten und liefert auch verschiedene Ergebnisse.
Einige Hinweise sollte man sich ansehen andere ignoriere ich. Ich mache das nicht für Maschinen und deren Logarithmen.

• Diese Antwort wurde geändert vor 5 Jahren, 9 Monaten von jostu55.

Ok, da ich auf meiner Installation das nicht finden kann, bzw. ich nicht alle Customizer Einstellungen von dir nachvollziehen kann hier eine Lösung, die die Farben auf deine umsetzt.
Nachfolgenden Code im Customizer in die Zusätzlichen CSS einfügen und auch auf unerwünschte Nebenwirkungen achten 😉

.has-vivid-cyan-blue-background-color.has-vivid-cyan-blue-background-color {
 background-color:#005daa;
}
.has-very-light-gray-color.has-very-light-gray-color {
 color:#febd11;
}

Bilder verlinken – in diesem Forum mußt du Bilder in z.B. einem free-PicturePortal hochladen oder einer Cloud und den Link dann wie oben einsetzen.

• Diese Antwort wurde geändert vor 5 Jahren, 9 Monaten von jostu55.

Beide Siten der o.g. Links sind mit WordPress gemacht.
Die Seite mit STRG+U wird der Quelltext angezeigt, mit STRG+F öffnest du das Suchfeld und du suchst nach themes und findest den Hinweis, welches Theme verwendet wird 😉
Oder du suchst mit dem – LINK!

Da der Beitrag offensichtlich noch immer auf die Freischaltung wartet, einmal ohne Bild ;-(
Also zur Typografie: In deinem Quelltext steht:

Typography CSS */body{font-family:Tahoma,Geneva,sans-serif;font-size:20px;color:#005daa;line-height:3.1;letter-spacing:3.5px}

Das heißt in Kurzform –
20px Schriftgröße
Farbe:#005daa = blau
Zeilenabstand: line-height: 3.1 = zu hoch, Standard ist 1.8
Laufweite Zeichen: letter-spacing:3.5px = zu hoch, Standard ist 0
Hier sollte das Bild sein.
Mit der Farbe wäre ein Screenshot mit deinen Wünschen am einfachsten, damit wir nicht aneinander vorbei raten 😉

Also zur Typografie: In deinem Quelltext steht:

Typography CSS */body{font-family:Tahoma,Geneva,sans-serif;font-size:20px;color:#005daa;line-height:3.1;letter-spacing:3.5px}

Das heißt in Kurzform –
20px Schriftgröße
Farbe:#005daa = blau
Zeilenabstand: line-height: 3.1 = zu hoch, Standard ist 1.8
Laufweite Zeichen: letter-spacing:3.5px = zu hoch, Standard ist 0
Bild-01
Mit der Farbe wäre ein Screenshot mit deinen Wünschen am einfachsten, damit wir nicht aneinander vorbei raten 😉

Als Anfänger

ist das Theme OceanWp schon der Jackpot also eine Herausforderung. Das von dir ausgewählte Theme hat viel mehr Einstellungen im Customizer als viele andere Themes. Ich habe mir das Theme mal auf eine lokale Testumgebung installiert und schnell durchgesehen.
Im Abschnitt Typografie sind für jede erdenkliche Möglichkeit eigene Einstellungen vorgesehen. So auch für den Zeilenabstand. Da vermute ich mal, dass im Body die Einstellung zu hoch ist, also den Schieber nach links und auf den gewünschten Wert einstellen.
Das deine Links auch gelb sind ist subobtimal bei gelben Hintergrund. In Allgemeine Optionen – Allgemeiner Stil die Primäre Farbe ist dafür zuständig.
Grundsätzlich wird auch der Seitenhintergrund so eingestellt.
Versuche mal das in den Einstllungen zu lösen, wenns noch besondere Wünsche gibt, die nicht im Customizer enthalten sind schreibst du das wieder.

Konkret bedeutet das: Wenn mir auf meiner zukünftigen Seite zuviele Dinge angezeigt werden,

– Das du das falsche Theme gekauft hast!
Nach den 3 Blöcken kommt bei diesem Theme der Rest von ca. 90%! Vielleicht kann das Theme den Rest elegant weglassen, das mußt du selbst herausfinden. Da es ein Bezahltheme ist werden sich die Helfer, die das haben, in Grenzen halten.
Man kann natürlich mit .lp-boxes-1 { display: none; } beginnen die Blöcke auszublenden, aber das sich schon einig Blöcke bis zum Footer. Wobei die dann mit der Startseite geladen werden und eben nur nicht angezeigt werden.

Na iss ja n Ding 🙂 wo findet man denn diese Syntax?

Dazu gibts auch schon einen Link von mir – dazu noch üben, üben und üben.

für die Blöcke:

.lp-block:nth-child(3n+1) {
	border-radius: 50%;
	border-color: blueviolet;
}
.lp-block:nth-child(3n+2) {
	border-radius: 25%;
	border-color: red;
}
.lp-block:nth-child(3n+3) {
	border-radius: 5%;
	border-color: green;
}