Liebe Experten,
auf unserer Vereinshomepage (Carnevalverein) hatte ich vor 5 Jahren mittels der Extension "
Animate It!" (
https://www.downloads.eleopard.in/animate-it-demo) unter Joomla!3 eine kleine (animierte) Galerie der Prinzenpaare eingerichtet:
https://www.mcv-moemlingen.de/wir-ue...s/prinzenpaare
Nachdem ich nun mit der Seite auf Joomla!4 umsteigen will, sieht diese Galerie leider nicht mehr so gut aus, da plötzlich die Fotos der Prinzenpaare anstelle rechts neben dem Textes nun unterhalb des Textes angeordnet sind:
https://joomla4.mcv-moemlingen.de/wi...s/prinzenpaare
Der HTML-Code ist unter Joomla!3 der gleiche wie unter Joomla!4 und sieht für jedes Prinzenpaar so aus:
HTML-Code:
<div class="row-fluid">
<div class="span7 offset1">
<div class="custom animated bounceInLeft eds-on-scroll">
<h1><span style="font-size: 18pt; color: #0000ff;">1953</span><br /><br /> <span style="font-size: 14pt; color: #4636f5;"><span class="icon-arrow-right-3"> </span>Alfredo I. von Stamponesien<br /> <span class="icon-arrow-right-3"> </span>Olga I.</span></h1>
<strong>(Alfred Vogel und Olga Fußner)</strong><br /><br />
<p class="alert alert-info">Hofmarschall: <strong>German Klotz</strong><br /> Hofdamen: <strong>Ingrid Hegmann, Maria Graner</strong><br /> Zeremonienmeister: <strong>Kurt Giegerich, Gustel Graner</strong></p>
</div>
</div>
<div class="span4 animated bounceInRight eds-on-scroll">
<div class="module-surround">
<div class="module-content">
<div class="custom animated bounceInRight eds-on-scroll">
<p style="text-align: left;"><a href="images/ppaare/1953_prinzenpaar.jpg" target="_new"><img src="images/ppaare/1953_prinzenpaar_kl.jpg" alt="" /></a></p>
</div>
</div>
</div>
</div>
Ich habe es schon mit dieser CSS-Class probiert:
CSS:
Code:
.zentriert {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
Dies bewirkt aber nur, dass alles zentriert wird, die Fotos befinden sich noch immer unterhalb des Textes anstelle rechts davon.
Hätte jemand einen Tipp für mich, wie ich das unter Joomla!4 wieder so hinbekomme, wie es unter Joomla!3 aussah (also dass die Fotos der Prinzenpaare wieder rechts vom Text erscheinen)?
Vielen Dank für jede Hilfe
Kurt