Seite 1 von 1

Bild auf der linke Seite

Verfasst: Mi 12. Mär 2025, 13:09
von 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.

Re: Bild auf der linke Seite

Verfasst: Mi 12. Mär 2025, 13:33
von Tommy Herrmann
Moin,

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


Reverse Image.jpg

Re: Bild auf der linke Seite

Verfasst: Mi 12. Mär 2025, 13:40
von 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">

flex-row-reverse.jpg


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;
}

Re: Bild auf der linke Seite

Verfasst: Mi 12. Mär 2025, 13:44
von inno
Danke! Versuche ich gleich mal! Der Block darunter geht leider nicht komplett an den Rand! :D

Re: Bild auf der linke Seite

Verfasst: Mi 12. Mär 2025, 13:45
von 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).

Re: Bild auf der linke Seite

Verfasst: Mi 12. Mär 2025, 13:47
von inno
Klasse, hat funktioniert! :tu: :tu:

Re: Bild auf der linke Seite

Verfasst: Mi 12. Mär 2025, 13:48
von inno
Ich weiss, aber dann habe ich immer noch gute 50 PX zum Rand!
Die andere Idee von dir war perfekt.

Re: Bild auf der linke Seite

Verfasst: Mi 12. Mär 2025, 13:50
von 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.


Ganze Breite.jpg

Re: Bild auf der linke Seite

Verfasst: Mi 12. Mär 2025, 13:51
von 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

Re: Bild auf der linke Seite

Verfasst: Mi 12. Mär 2025, 13:53
von 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.

Re: Bild auf der linke Seite

Verfasst: Mi 12. Mär 2025, 14:05
von inno
Bei welchem Theme ist der Block mit dem Mädchen? Finde den Block beim M5 Theme nicht! :crying:

Re: Bild auf der linke Seite

Verfasst: Mi 12. Mär 2025, 14:13
von Tommy Herrmann
Weiter unten im Thema "Mobirise5" bei der Gruppe "People":


People-Block.jpg

Re: Bild auf der linke Seite

Verfasst: Mi 12. Mär 2025, 14:19
von inno
Da hab ich nicht geschaut! Danke nochmal für deine Hilfe! :tu: