Footer Block 1

[Volker]

Huhu

So, bin bin den Header Blöcken jetzt durch und nun sind die Footer an der Reihe

Schluss mit langweiligen Einheits Footern
Jetzt kommen meine



Download bei mir auf der Seite unter : https://www.niederastroth.de/footer1/

[Tommy Herrmann]

Moin,

nur ein Hinweis:

So stehen die Links (nicht bündig) im Footer am Handy untereinander - das ist unschön. Die Links müssten vielleicht eher als "Cards" in einem "Grid - Layout" positioniert werden.

[Volker]

Verdammt

Der sieht auch alles

Muss ich noch ändern... kann man aber auch gerne selber machen wenn einer schon die mbrext geladen hat.

Fix auf die Schnelle:

Code: Alles auswählen

@media (max-width: 767px) {
  .nav {
    justify-content: center !important;
    flex-wrap: wrap;
    width: 100%;
  }

  .nav-item {
    width: 100%;
    text-align: center;
    padding: 6px 0 !important;
  }

  .with-separator:not(:last-child) .custom-link::after {
    content: "" !important;
  }
}

[RB_BCC]

Guten Tag, in meinem "Mobirise footer" ist der Verstellbereich für die Höhe ungünstig. Zu hoch! Wo kann ich die Höhe verkleiner - code?

VG
R.Beer

[Volker]

Welchen Footer meinst Du ? Meinen hier ? Der hat oben und unten schieber.

[Tommy Herrmann]

Moin,

Du kannst jedem Footer von Mobirise in den Block-Werkzeugen (siehe Screenshot) am Schieberegler Top (oben) und Bottom (unten) deinen Abstand (margin) geben. Diesen voreingestellten Default-Abstand kann man dort auch gegebenenfalls verringern.

[RB_BCC]

Ich habe den "Standardfooter", ja Tommy ich kann mit dem Schieberegler die Breite einstellen. Ich möchte den Footer aber noch schmaler haben. Mit dem Codeeditor habe ich die Einstellungen gesucht, bin mir aber nicht sicher ob ich die richtige "Stellschraube" gefunden habe.

VG
R. Beer

[Tommy Herrmann]

na der Abstand wird durch ein variables "padding" erzielt:

Code: Alles auswählen

padding-top: (@paddingTop * 15px);
padding-bottom: (@paddingBottom * 15px);

Setze das z.B. auf 0px, dann ist gar kein Abstand mehr. Du könntest es bei Bedarf natürlich auf jede Pixelzahl setzen, z.B. auf 5px oder so.

Code: Alles auswählen

padding-top: 0px;
padding-bottom: 0px;

Ebenso gut könntest Du (alternativ) den Multiplikator von 15px meinetwegen auf 5px setzen, dann verringert sich der Abstand bei der Nutzung vom Schieberegler und Du kannst diesen eben auch weiter verwenden:

Code: Alles auswählen

padding-top: (@paddingTop * 5px);
padding-bottom: (@paddingBottom * 5px);

[RB_BCC]

Tommy, der Ansatz ist richtig. Für Top funktioniert es, unten auch, aber... Selbst bei 0px ist unten der Abstand zu groß und ich bin damit nicht glücklich. An der Logo Größe liegt es auch nicht. Es sieht so aus als ob irgend etwas den unteren Rand nicht weiter an den Text ran läßt. Siehe busch-dach.de

VG
R.Beer

[Tommy Herrmann]

Mein Beispiel verwendet einen Footer-Block aus dem Standard-Thema "Mobirise5". Wie Du am Screenshot sehen kannst, ist oben und unten, nach meiner Änderung, keinerlei Platz mehr.

Da müsstest Du dann schon mal ganz genau Deinen Block benennen und am besten einen Screenshot in der Block-Übersicht erstellen. Jeder Block ist ein wenig anders und es kann gut sein, dass bei Dir noch weitere CSS-Elemente für einen Abstand sorgen.

[RB_BCC]

Ich nehme einen neuen/anderen Block.

Danke
und VG
R.Beer

[Tommy Herrmann]

… also für mich sieht das so aus, als hättest Du da unter dem mittleren Textblock (mit den Telefon-Nummern) einige (drei <br>) Leerzeilen eingefügt (mit der Eingabetaste), die diesen Abstand hervorrufen:

Wenn ich diese im Browser lösche stimmt der Abstand auch unten (ohne "padding"):

[RB_BCC]

Tommy, und für mich sieht das so aus, als hätte ich wieder mal nicht richtig/sauber gearbeitet. Jetzt habe ich einen neuen Footer genommen und es sieht ordentlich aus. Ich mache derzeit viel mit halben A.....

Ich schäme mich!

VG
R.Beerf

[Tommy Herrmann]

Moin,

Du hattest einfach drei Leerzeilen eingefügt - vielleicht schon um den Abstand nach unten zu erhöhen. Die hättest Du lediglich wieder löschen müssen.