Mobirise-Tutorials.com

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/

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.

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;
  }
}

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

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

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.

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

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);

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

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.

Ich nehme einen neuen/anderen Block.

Danke
und VG
R.Beer

… 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"):

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

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.

Mobirise-Tutorials.com

Footer Block 1

Footer Block 1

Re: Footer Block 1

Re: Footer Block 1

Re: Footer Block 1

Re: Footer Block 1

Re: Footer Block 1

Re: Footer Block 1

Re: Footer Block 1

Re: Footer Block 1

Re: Footer Block 1

Re: Footer Block 1

Re: Footer Block 1

Re: Footer Block 1

Re: Footer Block 1