Hallo allerseits!
Ich benutze auf unserer Gemeindeseite www.ilmenau-roda.de das Rome Design. Das wechselnde Hintergrundbild ist relativ groß. Mir gefällt das auch soweit, allerdings ist es bei geringeren Monitorauflösungen nicht ersichtlich, das man nach unten scrollen muss um den Content zu sehen. Gibt es irgendeine Möglichkeit, das man den Bereich des Bildes verkleinert? Eine andere Variante wäre, das es immer vollflächig dargestellt wird (egal welche Auflösung) und wie bei einem Onepager dann ein Pfeil in der Bildmitte nach unten zeigt, welcher signalisiert das weiter unten noch was kommt ? Ich hoffe, ich konnte mich einigermaßen verständlich ausdrücken

Vielen Dank schonmal vorab an die Community!
Thomas

hiermit kannst Deine erste Idee umsetzen.

<style type="text/css">
/*<![CDATA[*/ 
@media (min-width: 768px)  {
 
.jtpl-header--image {
    height: 550px;
 
}
}
   /*]]>*/ 
</style>
 
 

Danke euch für die Hinweise!

@FKWars
damit lege ich fest, wenn die Auflösung mindestens 768 in der Breite ist, dann soll das Bild max. 550 hoch sein. Ist das richtig? Kann ich das umkehren? Mir geht es darum, das bei niedriger Auflösung (also z.B. max 768 in der Breite) das Bild nicht ganz so hoch ist wie im Original...

@az_
wie kann man sowas realisieren, wie z.B. die zentrale Schrift bzw. die beiden Buttons in Bildmitte des Hintergrundbildes wie hier:

Zitat von az_ im Beitrag #2

---

aber auch Deine erste Idee ist nicht schlecht:
- https://www.paersch.com/

---

"damit lege ich fest, wenn die Auflösung mindestens 768 in der Breite ist, dann soll das Bild max. 550 hoch sein. Ist das richtig? "
Das ist richtig.
Du kannst es mit

<style type="text/css">
/*<![CDATA[*/ 
@media (max-width: 767px)  {
 
.jtpl-header--image {
    height: 300px;
 
}
}
   /*]]>*/ 
</style> 
 
 

festlegen dass die Höhe bis 767px breite 300px höhe hat oder auch mit Änderung der (max-width: 481px) unterteilen.