Hallo zusammen,

leider schaffe ich es nicht den Footer-Bereich im Design "Rome" zu verkleinern.

Also Ziel ist es die Spalte "footer" kleiner zu kriegen und die Links "Impressum", "Datenschutz" und "Anmelden" in dem footer von der Höhe her mittig zu kriegen.

Vielen Dank für eure Hilfe.

Liebe Grüße,
Sigi

Hi Sigi,

bin ja selber unbewandert in diesen Dingen... Also sei lieber vorsichtig mit meinen Tips. ;-)
Ich würde dies im Head einfügen:

<style>
/* <![CDATA[ */
.jtpl-footer {
    display: table-cell;
    width: 100vw;
    height: 150px;
    vertical-align: middle!important;
)
/*]]>*/
</style>
 

Ob das aber 'ne schicke Lösung ist, oder ob die wieder "giftig" ist und auch irgendwas anderes als das Gewünschte verändert, kann ich dir leider nicht verraten.

PS: 150px ist natürlich viel zu viel. Das musst du selber ausprobieren.

LG
Kersten.

mhhhh, also der footer wird von der Höhe her kleiner, nur wenn ich selbst 0px eingebe ist die Spalte da und immer noch zu groß in der Höhe. Ehrlich gesagt, ergibt der Wert 0px als Ergebnis den footer-Bereich genau in der Höhe aus, als würde man gar nichts machen. Nur vergrößern kann man mit beispielsweise 150px die Höhe. Und die Links "Impressum", "Datenschutz" und "Anmelden wandern je kleiner der px-Wert ist zum unteren Rand des footers.

Viele Grüße,
Sigi

Hm... Dann liegt das wohl daran, das der Inhalt zu hoch ist. Dann musst du den auch noch verkleinern.

<style>
/* <![CDATA[ */
.jtpl-footer {
    display: table-cell;
    width: 100vw;
    height: 25px;
    vertical-align: middle;
}
 
.jtpl-footer__inner {
    height: 15px;
}
/*]]>*/
</style>
 

Wenn du jetzt mit den beiden Höhen spielst, sollte es funktionieren, oder?

LG
Kersten

Leider nein.

Dann habe ich wohl falsch verstanden, was du erreichen möchtest. Auf einer Testseite funzt es: https://ksrome.jimdo.com
(Also zumindest das, was ich dachte, das du meinen könntest....)

Na, dass was ich vorhabe, habe ich gerade mal als Bild angehängt. Ich will den Bereich zwischen den beiden roten Linien verringern und "Impressum", "Datenschutz" und "Anmelden" sind mir zu weit unten.

Ein Link auf deine Seite würde es vielleicht vereinfachen... Deine Datenschutzerklärung, steht die im Content oder in der "Sidebar"?

Meine Datenschutzerklärung steht im Conten, also nicht im Footer.

Hier der Link:

www.bueroassistenz-krieger.de

Schreib mir aber bitte, wenn Du fertig geschaut hast. Denn die Seite soll erst im Sommer online gehen und ist eigentlich immer im Wartungsmodus. Habe sie aber gerade freigeschalten.

Vielen Dank noch mal, für Deine Hilfe.

LG, Sigi

Jupp. Ich denke, Problem erkannt. ;-)


Das was bei dir unten schwarz ist, ist nicht nur der Footer sondern auch die Sidebar. Die liegt bei dem Design unten. Und die hast du offensichtlich auch mit einem schwarzen Hintergrund versehen. Das kannst du ja mit der "Design-Farbrolle" ganz einfach wieder ändern und dann als unterliegende Sidebar nutzen.

Brauchst du die Sidebar aber überhaupt gar nicht, kannst du sie auch einfach ausblenden. Ergänze den Head einfach:

.jtpl-sidebar {
    display: none;
}
 

Dann sollte die weg sein und nur noch dein Footer da unten liegen. Und den kannst du dann mit den vorgenannten Codes in der Höhe variieren.

Viel Erfolg!
LG
Kersten

Zuerst einmal, es funktioniert nun.

Zur Frage warum die Datenschutzerklärung nicht in den Footer. Weil es nur ein winziger Teil aus der kompletten Datenschutzerklärung ist. Er ist ein "muß" der neuen EU DS-GVO für das Kontaktformular. Und deswegen stehen genau diese zwei Sätze beim Kontaktformular und nicht auf allen Seiten. Im Kontaktformular habe ich deswegen auch noch ein zusätzlich Pflichtfeld eingebaut, bei dem derjenige, der das Kontaktformular ausfüllt, bestätigt dass er die beiden Sätze der Datenschutzerklärung gelesen hat.

Euch allen ein schönes Osterfest

Ich muss nochmal nachhaken. Denn so langsam habe ich es verstanden. Dazu ist es wichtig, dass ihr wisst, dass ich den ganzen css Klumpatsch hier aus den Beitragen wieder aus dem Header genommen habe. Dann habe ich die Sidebar in rot eingefärbt und ich behaupte mal den Footer (also der Bereich unter der roten Sidebar) in schwarz.

Das wird auch so angezeigt. Link zur Internetseite steht ja in Posting Nr. 9.

Tja und dann geht es los. Mit:

.jtpl-sidebar {
    display: none;
}
 

kann ich wunderbar die Sidebar ausblenden.

Will ich aber die Sidebar behalten und sie mit:

.jtpl-sidebar {
       padding: 0 20px ; /* wenn nicht funzt, mit !important; versuchen*/
}
 

drinnen lassen, funktioniert das auch. Also in der Webansicht ist dann die rote Sidebar verschwunden, im angemeldeten Jimdo-Benuteroberfläche (da wo ich Design und Inhalte bearbeite) aber noch in rot sichtbar. OK das ist alles soweit gut.

Nur ... wie beeinflusse ich jetzt den schwarz eingefärbten Bereich, ich nenne ich Footer? Ich habe Firefox Developer Edition installiert und finde nicht die div-class dazu.

Also, kann mir da nochmal Jemand helfen und mir schreiben, wie ich den schwarzen Bereich in der Höhe verändern kann?

Viele Grüße,
Sigi