Verwendung: Fotos unterschiedlich gross

Michi's Avatar

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

    Michi's Avatar

    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

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

    RockSolid Themes's Avatar

    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;
    }
    
  3. 3 Posted by Michael Löffler on 01 Feb, 2021 10:23 AM

    Michael Löffler's Avatar

    Super, vielen Dank, klappt nun perfekt.

    Viele Grüsse
    Michi

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac