Hintergrundbild / Header-Image wird nicht komplett dargestellt
...versuch mal folgenden bösen Hack:
2
3
4
5
6
7
.jqbga-slider--image, .jqbga-web--image {
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
background-position: center 80px !important;
height: 35vw;
}
Für mobile Ansichten die Position auf background-position: center 0 !important; anpassen!
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
...background-size bestimmt die Bildgöße.
für die mobilen Ansichten würde ich das Script noch ergänzen:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<style>
.jqbga-slider--image, .jqbga-web--image {
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
background-position: center 100px !important;
height: 22vw;
}
@media (max-width:767px) {
.jqbga-slider--image, .jqbga-web--image {
background-size: cover;
background-position: center 0 !important;
}
.jtpl-header {padding:0; height: 22vw}
}
@media (max-width:425px) {
.jqbga-slider--image, .jqbga-web--image {
background-size: 220%;
background-position: center 0 !important;
}
}
</style>
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
Ähnliche Themen
Jetzt anmelden!
Jetzt registrieren!
