WS 3.0 Footer Box

  • Hallo


    Bei mir wird irgendwie auf beiden WSC Seite wo ich es einsetze der Titel von Box 5 anders geschrieben. Der Stile passt da nicht zu den anderen Überschriften.


    Auf der einen Installation habe ich es ausgeblendet da es da nicht unbedingt Nötig ist, bei der anderen Installation wäre es doch schöner wenn es gleich aussieht ;)



    Hier der Link zur Liveansicht: https://www.grischabock-design.ch


    Danke für ein kurzes Feedback
    Gruss Grischabock

  • Den Fehler habe ich gefunden und bei mir mal korrigiert ich denke aber das dieser noch bei anderen auch auftritt. und zwar wird in der /style/style-6.css .footerbox5 h2 gar nicht aufgeführt sondern nur .footerbox1 h2 .footerbox2 h2 .footerbox3 h2 .footerbox4 h2


    Gruss Grischabock

  • .footerbox5 h2 gar nicht aufgeführt

    Stimmt, da ich dort nur Bilder aufgeführt hatte ohne Überschrift ;)
    Werde ich bei nächsten Version mit hinzufügen!


    CSS
    .footerbox1 h2,
    .footerbox2 h2,
    .footerbox3 h2,
    .footerbox4 h2,
    .footerbox5 h2 {
        display: flex;
        line-height: 1.7;
        font-size: 18px;
    }
  • Stimmt, da ich dort nur Bilder aufgeführt hatte ohne Überschrift

    Ach so ;) Habe gerade gesehen das es Mobile auch noch Zentriert ist lässt sich das auch richten?


    Darf man fragen wann du mit einem Update rechnest? :)



    EDIT: hmm... okay meine änderungen in der style-6.css wurden überschreiben :) Hab es nun direkt in der css angepasst Danke

  • Habe gerade gesehen das es Mobile auch noch Zentriert ist lässt sich das auch richten?

    Es gibt zig verschiedene CSS-Einstellungen die ich nicht alle berücksichtigen kann.
    Und dafür kann es jeder selber nach seinen eigenen Bedürfnisse anpassen.


    Habe gerade gesehen das es Mobile auch noch Zentriert ist lässt sich das auch richten?

    So wie du es jetzt auch gemacht hast. ;)

  • Warum ?(

    position: left;

    Hier handelt es sich doch nur um den Text ;)
    Also nehmen wir diesen Befehl

    CSS
    .footerbox5 {
        text-align: justify;
    }


    oder


    CSS
    .footerbox5 {
        text-align: left;
    }

    Bedenke das du alle @media berücksichtigen musst!


    z.B. @include screen-xs
    @include screen-xs
    usw. da ab einer bestimmten Breite der Footer auf 50% dargestellt wird ;)

  • Das kannst du noch mitnehmen ;)
    Dann sieht das nicht so gedrungen aus.

    CSS
    .footerbox1 h2, 
    .footerbox2 h2, 
    .footerbox3 h2, 
    .footerbox4 h2, 
    .footerbox5 h2 {
        padding: 0 0 10px 39px;
    }
  • Ich weiß jetzt nicht, ob ich mobil vom selben Problem betroffen bin und ob mir die letzten CSS Schnipsel helfen. Aber mobil auf dem Smartphone stehen meine 3 Footer Boxen nicht untereinander. Sie sind eingerückt...



    Lässt sich das vielleicht richten?