Hintergrundbild in Design Zürich um ca. 100 px höher machen

30.08.2016 22:18
avatar  Armin
#1
Ar

Hallo
Ich habe ursprünglich mit dem tollen Design Stockholm gearbeitete (full width Bilder).
Bei Stockholm endet der Bildschirm unten mit der Navigationsleiste.
Ich versuche es nun mit Design Zürich da das HG-Bild inc. Navigationsleiste den Bildschirm in der Breite zwar ausfüllt,
den Blick nach unten jedoch freigibt und den Homepagebesucher dazu animiert weiter nach unten zu scrollen.


Gibt es eine Möglichkeit zumindest auf der Startseite das Hintergrundbild etwas (100 Pixel) zu erhöhen.

SG
Armin


 Antworten

 Beitrag melden
01.09.2016 08:57 (zuletzt bearbeitet: 01.09.2016 09:32)
avatar  Armin
#2
Ar

Guten Morgen,

habe dazu eine Lösung gefunden:

Um das HG-Bild von 450px Höhe auf aktuelle 800px zu erhöhen habe ich unter Head bearbeiten nachstehenden CSS-Code geschrieben :

1
2
3
4
5
6
7
8
9
10
 
<style type="text/css">
/*<![CDATA[*/

.jtpl-header {
min-height: 800px !important;
}


/*]]>*/
</style>
 




SG
Armin


 Antworten

 Beitrag melden
01.09.2016 09:32 (zuletzt bearbeitet: 01.09.2016 09:35)
avatar  az_
#3
avatar
az_

Super! das ist genau richtig! Aber hast Du auch die mobile Ansicht geprüft? eventuell gibst Du dem Ganzen noch eine @media Query dazu. Z.B.:

1
2
3
4
5
6
 

@media (min-width:767px) {
.jtpl-header {
min-height: 800px !important;
}
}
 



...das beschränkt die Änderung auf alle Browserfenster, die breiter sind als 767px. Das heißt, für alle mobilen Geräte bleibt es unberührt.

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
01.09.2016 17:45
avatar  Armin
#4
Ar

Hallo Andreas,

ja tatsächlich wurden die HG-Bilder beim Smartphone seitlich beschnitten, was ich jedoch in Kauf genommen hätte.
Mit deinem Zusatztipp ist jetzt auch dieses Problem beseitigt. Danke!

SG
Armin


 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!