Support » Themes » Unterschiedliche Textausrichtung Desktop/Mobile

  • Gelöst ssvchris

    (@ssvchris)


    Hallo,

    ich möchte, dass mein Text entweder rechts vom Bild (Desktop) oder unter dem Bild steht (Mobile). Ich habe schon gelesen, dass man hierfür wohl die style.css anpassen muss. Dies habe ich mit dem Theme-Datei-Editor gemacht. Die CSS Datei habe ich vorher freigegeben und ich kann meine Änderungen speichern. Also habe ich folgendes ergänzt:

    @media only screen and (max-width: 1000px) {
    	figure.alignleft, img.alignleft, figure.alignright, img.alignright {
    	float:none;
    	display:block;
    	margin-left:auto;
    	margin-right:auto;
        }
    }

    Leider hat es keinen Effekt gebracht.
    Hat vielleicht jemand eine Idee?
    Gruß
    Christian

    P.S.: Ich habe WP6.0 und nutze das twentytwentytwo Theme.

    • Dieses Thema wurde geändert vor 3 Wochen, 6 Tage von ssvchris.
Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)
  • Hallo,

    ich möchte, dass mein Text entweder rechts vom Bild (Desktop) oder unter dem Bild steht (Mobile).

    Dafür kannst du ohne Verwendung von CSS-Regeln auch den Gruppen-Block nutzen. Innerhalb des Gruppen-Blocks kannst du dann einen Spalten-Block einfügen, wo du rechts das Bild und links den Text einbindest (oder umgekehrt):

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

    Rechts habe ich in dem Screenshot die weiteren Optionen für den Gruppen-Block gelb markiert (in Zeile bzw. in Stapel umwandeln).

    Ich habe schon gelesen, dass man hierfür wohl die style.css anpassen muss. Dies habe ich mit dem Theme-Datei-Editor gemacht.

    das ist keine gute Idee, weil beim nächsten Update diese Änderungen wieder überschrieben werden. Wie du den Customizer verwenden und CSS-Regeln bei einem Block Theme wie Twenty Twenty-Two ändern kannst, habe ich in diesem Beitrag beschrieben.

    Du findest unter Werkzeuge > Websitezustand > Info einen Bericht zur Website. Warte bitte einen Moment bis die Ladeanzeige ganz oben abgeschlossen ist und kopiere dann per Button den Website-Bericht in deine Zwischenablage. Über den Button „Bericht in die Zwischenablage kopieren“ kannst du den Bericht unverändert (bitte mit den Akzentzeichen am Anfang und Ende) einfügen und anschließend hier posten. Evtl. ergeben sich dann weitere Anhaltspunkte, ob und wo das Problem liegt.
    Lies bitte auch noch mal: Bevor du ein neues Thema (Thread) erstellst.

    Wenn du dann noch die URL oben einträgst, dann können wir uns das auch ansehen und dir sicher besser helfen. Lies bitte auch noch mal: Bevor du ein neues Thema (Thread) erstellst.

    Viele Grüße
    Hans-Gerd

    Thread-Ersteller ssvchris

    (@ssvchris)

    Hallo Hans-Gerd,

    vielen Dank für deine Rückmeldung. Deine Antwort hat mir sehr geholfen.

    Gruß
    Christian

    Danke für die Rückmeldung und “Gelöst”-Markieren.
    Es wäre schön, wenn du für Mitleser kurz beschreibst, welche Lösung du für das Problem gefunden hast.

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)