3 Module im Footer neben einander postionieren !!! Ich steh auf dem Schlauch...

    Joomla Version
    4
    PHP Version
    PHP 8.0.x
    Hoster
    alfahosting

    Hallo, liebe Joomla Gemeinde,

    ich benötige dringend einen Denkanstoß, da ich etwas auf dem Schlauch stehe. Folgendes Problem:

    Ich habe 3 eigene Module angelegt (1. Adresse, 2. Wichtige Links, 3. Logo etc.) . Jetzt möchte ich die 3 nebeneinander auf der Position footer haben und darunter eben den Besucher Zähler (ist ja auch ein Modul).

    Wie muss ich die eigenen Module in der User.css ansprechen oder coden, dass nicht der Besucher Zähler als 4. Modul immer an der rechten Seite klebt? Responsive soll die Sache natürlich auch sein. Bisheriger Code in der user.css um die Schrift anzupassen:

    .mod-custom p {color: #fcfcfc;padding: 1em;}

    Ich habe schon alles mögliche probiert und diverse Einträge im Forum geblättert. Auch der Hinweis die Module bei Erweitert mit der 4 zu belegen, bringt nicht das richtige Ergebnis. Wahrscheinlich ist es ein ganz banal einfacher Code...aber ich komm nicht drauf. Ich habe einen Screenshot angehangen, weil die Seite gerade offline ist.

    Vielen Dank für Eure Hilfe.

    Das Thema war auch schon hier:

    Thema

    footer in Cassiopeia anpassen

    Ich bin dabei eine Webpräsenz mit Joomla 4 und dem Template Cassiopeia aufzubauen und lerne dabei auch die Vorzüge eine Website mit Hilfe der user.css zu personalisieren ohne irgendwo viel rumzubasteln.

    Um jedoch den Footer nach meinen Vorstellungen zu erstellen, da finde ich noch nicht den passenden Weg.

    Der Footer soll so aussehen, dass auf der linken Seite in ca 3 Zeilen unser Name und Adresse steht. In der Mitte möchte ich die Kontaktdaten wie Telefon, Handy und E-Mail und auf der rechten…
    WillBe
    1. Januar 2022 um 09:40

    Hallo Christine,

    habe die width: 500px rausgeschmissen. Es hat aber keinerlei Effekt. Ich finde es auch merkwürdig wenn die Modulpositionen angezeigt werden http://www.saccon-band.de/index.php?tp=1 , dass die Module immer kleiner werden. Habe ich so auch noch nicht gesehen.

    Weiterhin habe ich noch deinen Tipp mit den Bootstrap Größen (4) probiert...leider auch ohne Erfolg.

    Ich habs net hinbekommen und mich erst mal schlafen gelegt...

    Bis später.

    Zitat von colossos

    habe die width: 500px rausgeschmissen. Es hat aber keinerlei Effekt.

    Hatte es aber. Hätte gestern einen screenshot anfertigen sollen.

    (Die Position für den Onlinezähler ist nun besser).

    Habe dennoch (weil danach Änderungen kamen) jetzt screenshots gemacht, um die Veränderung mit oder ohne width:500px; nachzustellen:

    Mit width: 500px; Dort bei den Pfeilen lief es "raus". Da war gestern dieser Onlinezähler.

    Ohne width: 500px; (hast ja rausgenommen):

    Liebe Grüße
    Christine

    Hallo Christine,

    vielen Dank nochmal für deine Mühe... Kopfmäßig war ich dann irgendwann raus. Und irgendwie hat es mich auch geärgert, dass ich es nicht hinbekomme.

    Ich habe dann heute morgen nochmal ein bischen um die Ecke gedacht und habe folgende Lösung forciert: (Weil ich persönlich Responsive schon wichtig finde)

    1. Ich habe 3 eigene Module erstellt und diese mit Text und Bildern befüllt (Position: bottom b und den Titel ausgeblendet in der Moduleinstellung)

    2. Folgende Ergänzungen habe ich der User.css hinzugefügt:

    .card {

    background-color: #2e2e2e5c;

    margin: 10px;

    border: none;

    }

    Ergebnis: Stellt mich erstmal zufrieden und hat ein gutes Responsive Verhalten. Es wäre zwar schöner gewesen, die 3 Modulblöcke im Footer zu haben...aber damit kann ich auch leben. Ich werde später aber den Background noch grafisch ein bischen "aufhübschen"

    Dennoch möchte ich hier ein ehrliches "DANKE" aussprechen...für die tollen Lösungsansätze und Hinweise.

    Grüße André