Bild auf der linke Seite

[inno]

Hallo Tommy,
wie bekomme ich das Bild von diesem Block (siehe Anhange) auf die linke Seite.
Es geht um das M5-Theme.
Danke für deine Hilfe.

[Tommy Herrmann]

Moin,

verwende doch einfach einen anderen Block (etwas tiefer), den hier. Da gibt es einen Schalter "Reverse" (umdreghen)

[Tommy Herrmann]

Du könntest auch bei Deinem angezeigten Block noch die Bootstrap class="flex-row-reverse" hinzufügen, also von so:

Code: Alles auswählen

<div class="m-0 row align-items-center">

… dann so:

Code: Alles auswählen

<div class="m-0 row flex-row-reverse align-items-center">

Damit dann das "Padding" (Innenabstand) vom Text zum Bild von rechts nach links angewendet wird, müsstest Du in der CSS auch noch das ändern (von rechts auf links), anstelle von "padding-right", dann "padding-left"

Code: Alles auswählen

.card-wrapper {
  padding-left: 2rem;
}

[inno]

Danke! Versuche ich gleich mal! Der Block darunter geht leider nicht komplett an den Rand!

[Tommy Herrmann]

wie meinst Du?

Wenn Du die gesamte Breite nutzen willst, gibt es ganz oben noch in den Blockwerkzeugen den Schalter "Full Width" (volle Breite).

[inno]

Klasse, hat funktioniert!

[inno]

Ich weiss, aber dann habe ich immer noch gute 50 PX zum Rand!
Die andere Idee von dir war perfekt.

[Tommy Herrmann]

Bei mir nicht, da geht das direkt bis an den Rand. Ansonsten bekäme man die 50px auch weg. Müsstest Du mal publizieren, damit man die CSS sehen kann.

[inno]

Jetzt habe ich noch eine Frage zu diesem Block. Wie kann ich es machen, dass das Bilder in der MOBILEN Ansicht immer über dem Text steht. Aktuell Text und dann das Bild. Gruss

[Tommy Herrmann]

Nimm den Block mit dem Mädchen, der steht dann richtig. Was zuerst im Code steht, bleibt oben, sozusagen von "links nach rechts" = von "oben nach unten".

Ansonsten müsstest Du den gesamten Code umschreiben.

[inno]

Bei welchem Theme ist der Block mit dem Mädchen? Finde den Block beim M5 Theme nicht!

[Tommy Herrmann]

Weiter unten im Thema "Mobirise5" bei der Gruppe "People":

[inno]

Da hab ich nicht geschaut! Danke nochmal für deine Hilfe!