Fixierung des Footers beim Helix Ultimate Template

Mehr
2 Monate 1 Tag her #2 von Jake
Moin! 

Um den Footerdes Helix Ultimate Templates zu "fixieren", müssen folgende Änderungen vorgenommen werden.

Füge den folgenden Code entweder in die custom.css Datei ein oder über das Joomla-Backend unter Templates > Styles > Dein Template > Custom Code > Custom CSS:

/* Footer fixieren */
#sp-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background-color: #fff; /* Passe die Farbe nach Bedarf an */
  box-shadow: 0 -1px 5px rgba(0,0,0,0.1);
}

/* Damit der Footer nicht Inhalte überdeckt */
body {
  padding-bottom: 100px; /* Höhe des Footers als Abstand */
}

2. Datei „custom.css“ (optional erstellen)
Falls sie noch nicht existiert, kannst du sie manuell anlegen:

Pfad: templates/shaper_helixultimate/css/custom.css

Inhalt:
#sp-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  background-color: #fff;
  box-shadow: 0 -1px 5px rgba(0,0,0,0.1);
}

body {
  padding-bottom: 100px;
}
Gruß, Jake

Bitte Anmelden um der Konversation beizutreten.

Ladezeit der Seite: 0.192 Sekunden