Text und Bild

michoubonn

Ihr Lieben,

ich habe nun eine Woche am Oceanwp-Theme gebaut, hatte auch kurze Zeit mit Elementor experimentiert (was mir alles alte komplett zerschossen hat) und bin jetzt endlich fast zufrieden. Außer wenn ich meine Seite auf dem Handy aufrufe: Das links oder rechts eingerückte Bild rutscht nach oben (was gut ist), aber es nimmt Buchstaben mit. Über die gesamte Seite läuft eine Spalte einzelner Buchstaben, die dann in dem darunter liegenden Text fehlen. Es sieht also nicht nur scheußlich aus, sondern ist dazu auch nicht lesbar.

Weiß jemand, was ich dagegen tun kann?
http://www.andrea-instone.de

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

SEpp55

Wenn du Hilfe willst muß das weg ;-)

michoubonn

Das hatte ich doch ausgeschaltet ...? Wahrscheinlich doppelt gedrückt, argh! Moment ... (und danke schon einmal :) )

michoubonn

Aber jetzt! (Peinlich, peinlich, peinlich)

SEpp55

Für die Startseite versuche mal nachfolgenden Code im Customizer in Custom CSS einzufügen.

Code

.wp-block-image .alignright {
    max-width: 40%;
}

Wie immer auf unerwünschte Nebenwirkungen testen ;-)

SEpp55

Auf deiner Blogseite ein Vorschlag:

Code

@media only screen and (max-width:959px) {
 .blog-entry.thumbnail-entry .blog-entry-inner {
  -webkit-flex-direction:column;
  flex-direction:column
 }
 .blog-entry.thumbnail-entry .thumbnail,
 .blog-entry.thumbnail-entry .blog-entry-content {
  width:100%
 }
 .blog-entry.thumbnail-entry .blog-entry-content {
  margin-top:15px;
  padding:0 !important
 }
}
@media only screen and (min-width:468px) and (max-width:959px) {
.blog-entry.post .thumbnail img {
    width: 50%;
  margin-left: 25%;
  margin-right: 25%;
  }
}

Alles anzeigen

michoubonn

Tagelang wieder kaum Internet gehabt, entschuldige. Ich hatte dann von den Themeerstellern diesen Code erhalten:

CSS

@media screen and (max-width: 767px) {
.wp-block-image .alignright {
    float: unset !important;
}
}

Das hat funktioniert, vielleicht hilft das auch anderen, die das Problem irgendwann einmal haben sollten?
Lieber Sepp, danke dir und schöne Ostern!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Text und Bild

Jetzt mitmachen!