Home → Contao →

Verwendung: Fotos unterschiedlich gross

• Edit

Michi

29 Jan, 2021 03:56 PM

Produkt: Tao Contao
Contao-Version: 3.5.40
Browser und Browserversionen: Mobile

Hallo
Ich habe gerade heute eine Seite live geschaltet: www.mssports-partnerclub.ch
Leider musste ich nun feststellen, dass auf den Seiten "Vorstand" und "Kontakt" die Bilder jeweils unterschiedlich gross sind.
In der Fileablage habe ich aber alle in der gleichen Grösse hinterlegt. Wie kann ich das anpassen, dass die Bilder in der korrekten Grösse erscheinen ?

Vielen Dank und Grüsse
Michi

https://www.mssports-partnerclub.ch/index.php/vorstand-225.html
https://www.mssports-partnerclub.ch/index.php/kontakt-176.html

1. 1 Posted by Michi on 29 Jan, 2021 05:15 PM

   

   Habe herausgefunden, dass es mit diesem Code wa zu tun hat:

   .team-boxes1 {
   display: flex;
   justify-content: center;
   }
   .team-boxes1 .team-boxes1-item:last-of-type {
   margin-right: 0;
   }

   Ich habe ihn von .team-boxes auf .team-boxes1 angepasst und bei der Kontaktsseite hinzugefügt.
   Der Vorstand stimmt nun auf dem Laptop und auch mobile.

   Der obige Code habt ihr mir freundlicherweise zugestellt, damit beim Kontakt die beiden Bilder zentriert erscheinen. Auf dem laptop sieht es nun immer noch gut aus, aber leider Mobile nicht.
   Wie kann ich das nun auch auf dem Mobile so hinbekommen, dass es korrekt aussieht ?

   https://www.mssports-partnerclub.ch/index.php/kontakt-176.html

   Vielen Dank und Grüsse
   Michi

   • Edit

2. Support Staff 2 Posted by RockSolid Theme... on 01 Feb, 2021 09:15 AM

   

   Vielen Dank für Ihre Frage.

   In dem von uns bereitgestellten CSS-Code hat leider eine Zeile gefehlt wodurch der Darstellungsfehler entstanden ist.

   Mit folgendem Code sollte sich die Darstellung für Ihre beiden Seiten wie gewünscht verhalten:

   .team-boxes {
       display: flex;
       flex-wrap: wrap;
       justify-content: center;
   }
   .team-boxes .team-boxes1-item:last-of-type {
       margin-right: 0;
   }
   

   • Edit

3. 3 Posted by Michael Löffler on 01 Feb, 2021 10:23 AM

   

   Super, vielen Dank, klappt nun perfekt.

   Viele Grüsse
   Michi

   • Edit