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

Antworten
#1
30.08.2016 22:18
avatar  Armin
#1
Ar
Armin

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
#2
01.09.2016 08:57 (zuletzt bearbeitet: 01.09.2016 09:32)
avatar  Armin
#2
Ar
Armin

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

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
Antworten
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!
Forenspende

 

Spenden über PayPal

Ein Forum zu betreiben, erfordert ein hohes Maß an Zeit, Kraft und Aufmerksamkeit. 

Das Team von Jimdo-Forum arbeitet hinter den Kulissen sehr engagiert daran,
die erforderlichen Aufgaben zu erfüllen, um dir und den
anderen Forenmitgliedern ein tolles Forenerlebnis zu ermöglichen.

 Wir freuen uns, dass du dich dazu entschlossen hast, unser Forum mit deiner Spende zu unterstützen!

...hier ist der direkte Spendenlink
für unsere Kaffeekasse!