Anzeigebereich Header Bild vergößern

25.02.2019 16:40 (zuletzt bearbeitet: 26.02.2019 18:12)

hofnau
#1

ho

Hallo zusammen,

ich bin gerade dabei einen Website relaunch vorzubereiten.
Ich nutze das Template Tokyo und bin zufrieden damit.
Lediglich das Bild im Header ist mir zu klein.

Ich würde hier gerne die Anzeigehöhe verändern, sprich vergrößern.
Es wird derzeit nur ein kleiner Teil des Bildes angezeigt. Ich möchte also den Anzeigebereich in der Höhe vergrößern.

Habe schon so viel probiert, funktioniert hat aber nichts...

Wie kann ich also den Anzeigebereich vergrößern, das nicht nur ein Teil des Bildes angezeigt wird?
So soll es aussehen:

Kann mir bitte jemand weiterhelfen und veraten was hier weiterhilft.
Vielen Dank im Voraus
Jörg

Bildanh�nge

Antworten

Beitrag melden

#2

27.02.2019 11:49

az_
#2

az_

...versuch mal:

1
 
.jtpl-header {height: 100vh;}

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#3

27.02.2019 11:52

az_
#3

az_

1
2
3
4
5
 

.cc-indexpage .jtpl-title {
 
    height: 100vh;
}
 

...ist das Gleiche, aber nur für die Startseite. Du kannst auch 500px einsetzen statt 100vh oder 50vh. Probier mal.

LG, az

Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!

...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html

Antworten

Beitrag melden

#4

27.02.2019 16:57 (zuletzt bearbeitet: 27.02.2019 16:58)

hofnau
#4

ho

hofnau

Hallo az,

vielen Dank für die Hilfe.
Variante 1 hat nich so ganz funktioniert.
Variante 2 dafür super. Ich habe hier noch den Verweis Indexpage entfernt und jetzt funktionert es auf allen Seiten. Klasse
Danke noch einmal für deinen Input.
Endlich eine Lösung, hatte hier schon so viel ausprobiert.