Wort Hintergründe im Textblock?

Gelöst dragonpawl
(@dragonpawl)

vor 11 Monaten, 3 Wochen

Guten Tag,
Ich würde gerne diesen Text „Online Präsenz Optimiert, Ergebnisse Maximiert“ so Darstellen, wie auf der ersten Seite meiner Webseite dargestellt.

ich bin dieses Problem mit 4 verschiedenen Textblöcken angegangen, was mir jetzt aber beim „responsiv“ machen Kopfschmerzen bereitet.

Hat jemand hier eine Idee, wie das umzusetzen ist?

Vielen Dank schon mal im Voraus,
Grüße Julius

Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 15 Antworten – 1 bis 15 (von insgesamt 24)

1 2 →

Moderator Hans-Gerd Gerhards
(@hage)

vor 11 Monaten, 3 Wochen

Hallo,
das kann über die Werkzeugleiste eingestellt werden:
Bei der H2-Überschrift markierst du den Text, dann klickst du bei der Werkzeugleiste, (die ist bei mir oben) auf den Pfeil runter („Mehr“) und da auf „Hervorheben“.

Hier ein Screenshot dazu (bei Klick auf das Bild, wird das Bild vergrößert):

Viele Grüße
Hans-Gerd

Thread-Starter dragonpawl
(@dragonpawl)

vor 11 Monaten, 3 Wochen

funktioniert das auch, obwohl man seine komplette Webseite im Block editor erstellt hat?
Moderator Bego Mario Garde
(@pixolin)

Moderator (nicht mehr aktiv)

vor 11 Monaten, 3 Wochen
„vier verschiedene Textblöcke“ hört sich kompliziert an.

Ich würde …
- einen normalen Absatz einfügen und die Schriftgröße in der Sidebar auf XL setzen.
- die hervorzuhebenden Wörter markieren und das Pulldown-Menü (1) anklicken
- den Text und Hintergrund (2) jeweils in die gewünschten (Hintergrund-)Farben setzen (3)
Reicht dir das noch nicht, weil es nicht responsive genug ist, kannst du dem Absatz eine eigene CSS-Klasse geben. Die kannst du dann in eigenen CSS-Regeln (eventuell mit Media Queries) nach Belieben finetunen. Zum Beispiel …

Nachtrag: Zwei Kluge, ein Gedanke, nur war Hans-Gerd schneller. Und ja, das funktioniert so mit dem Block-Editor.
- Diese Antwort wurde geändert vor 11 Monaten, 3 Wochen von Bego Mario Garde. Grund: Nachtrag
Thread-Starter dragonpawl
(@dragonpawl)

vor 11 Monaten, 3 Wochen

top, ich danke euch beiden 🙂

Moderator Bego Mario Garde
(@pixolin)

Moderator (nicht mehr aktiv)

vor 11 Monaten, 3 Wochen

Ähm … OK. Dann markiere ich den Thread jetzt selber als „gelöst“. 😉

Thread-Starter dragonpawl
(@dragonpawl)

vor 11 Monaten, 3 Wochen

hupsi, bin neu hier

Moderator Bego Mario Garde
(@pixolin)

Moderator (nicht mehr aktiv)

vor 11 Monaten, 3 Wochen

Alles gut. 😀

Thread-Starter dragonpawl
(@dragonpawl)

vor 11 Monaten, 3 Wochen

Nachdem ich die Änderungen aktualisiert habe, wird die Seite jetzt leider genau so dargestellt, wie im WordPress Editor und nicht wie der Elementor Editor mit den gemachten Änderungen. Gibt es da eine Möglichkeit nur diesen einen Absatz so darzustellen und den Rest wie im Elementor Editor oder irgendwas anderes?

Grüße

Moderator Bego Mario Garde
(@pixolin)

Moderator (nicht mehr aktiv)

vor 11 Monaten, 3 Wochen

Ich nutze aus verschiedenen Gründen Elementor nicht.
Vielleicht meldet sich sonst noch jemand zu dem Thema.

Moderator Angelika Reisiger
(@la-geek)

vor 11 Monaten, 3 Wochen

Wenn ich wüsste, wie der Text „Online Präsenz Optimiert, Ergebnisse Maximiert“ im Text-Editor aussieht? Meinst du, so wie auf dem Screenshot von Bego?

Auf deiner verlinkten Elementor-Seite ist die Markierung der Wörter breiter, ist dies das Ziel? Dann kannst du es mit einer eigenen eingetragenen CSS-Klasse sowie entsprechenden CSS-Regeln wie inline-block und padding erreichen.

Moderator Bego Mario Garde
(@pixolin)

Moderator (nicht mehr aktiv)

vor 11 Monaten, 3 Wochen

@la-geek

Angelika, auf der verlinkten Webseite („für die ich Hilfe brauche“) ist das als Logo eingebaut.

(Übrigens hatte ich in meiner Demo den Text absichtlich arg verfremdet, um eine spätere Suche der Webseite zu erschweren.)

Thread-Starter dragonpawl
(@dragonpawl)

vor 11 Monaten, 3 Wochen

so sehen die ersten 2 Absätze im WordPress Editor aus. Wenn ich hier nun die oben genannten Änderungen vornehme und speicher, sieht es so auf der Webseite aus (halt nur mit den Änderungen, aber eben mit diesem Format)

Thread-Starter dragonpawl
(@dragonpawl)

vor 11 Monaten, 3 Wochen

okay, scheinbar bekomme ich es nicht hin Bilder hochzuladen. aus shineonline-media.eu/test findet ihr das bild

Moderator Bego Mario Garde
(@pixolin)

Moderator (nicht mehr aktiv)

vor 11 Monaten, 3 Wochen

Dazu wieder der Tipp aus unserer FAQ:

Wie kann man hier Bilder in einen Forenbeitrag einfügen?

Moderator Angelika Reisiger
(@la-geek)

vor 11 Monaten, 3 Wochen

Bego

Angelika, auf der verlinkten Webseite („für die ich Hilfe brauche“) ist das als Logo eingebaut.

Es ist doch von diesem Text die Rede, oder?

@dragonpawl
Ich verstehe immer noch nicht, was du erreichen willst. Auf dem Screenshot sieht es so aus, als hättest du 4 Textblöcke = Block Absatz eingefügt. Mach es doch so, wie @pixolin in seinem Beitrag (mit Screenshots) gezeigt hatte.