Hintergrundbild / Header-Image wird nicht komplett dargestellt

Jimdo-Userforum � Jimdo User-Forum � Allgemeines � Hintergrundbild / Header-Image wird nicht komplett dargestellt

Themen-Einstellungen

Thema drucken

Bereich wechseln

Allgemeines Regeln f�r die Benutzung des Forums HowToDo ( = so geht�s) Jimdo User-Forum Eure Jimdo-Webseiten - Vorstellungsrunde Bugs, Workarounds und Anregungen Jimdo-Elemente Allgemeines Jimdo-Shop Jimdo-Specials (Tools, Widgets, HTML und CSS) Suchmaschinenoptimierung (SEO) Sonstiges Tutorials "OffTopic"-Themen "�bernahme" von Beitr�gen aus dem offiziellen Jimdo-Forum... Nutzungsbedingungen und Haftungsausschluss Jimdo-Blog

#1 | RE:Hintergrundbild / Header-Image wird nicht komplett dargestellt datum

20.09.2017 16:22 (zuletzt bearbeitet: 21.09.2017 14:49)

Hallo, ich habe das Problem, dass ich das Hintergrundbild nur als Auschnitt sehen kann...
Bin relativ neu im Thema, wäre nett wenn ihr mir helfen könntet?

URL: https://tanzfabrik-beverungen.de

Antworten

#2 | RE: RE:Hintergrundbild / Header-Image wird nicht komplett dargestellt datum

21.09.2017 15:04 (zuletzt bearbeitet: 21.09.2017 15:07)

az_

Informationen anzeigen

Beitr�ge:	2402
Registriert seit:	28.04.2015
Wohnort:	Berlin

...versuch mal folgenden bösen Hack:

1
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 immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

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

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

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

Antworten

#3 | RE: RE:Hintergrundbild / Header-Image wird nicht komplett dargestellt datum

21.09.2017 16:32

Mobile Ansicht passt, zumindest im Hochformat, Querformat passt es nicht ganz und aufm PC passt es gar nicht...??

Antworten

#4 | RE: RE:Hintergrundbild / Header-Image wird nicht komplett dargestellt datum

21.09.2017 16:39

Originalbild:

Antworten

#5 | RE: RE:Hintergrundbild / Header-Image wird nicht komplett dargestellt datum

21.09.2017 16:42

Alles klar...style vergessen!! ;)
Wie schon gesagt...Anfänger...

Eine Frage habe ich jetzt noch, das Bild ist jetzt so riesig geworden, wie bekomme ich das kleiner???

Antworten

#6 | RE: RE:Hintergrundbild / Header-Image wird nicht komplett dargestellt datum

21.09.2017 17:07 (zuletzt bearbeitet: 21.09.2017 17:45)

az_

Informationen anzeigen

Beitr�ge:	2402
Registriert seit:	28.04.2015
Wohnort:	Berlin

...background-size bestimmt die Bildgöße.

für die mobilen Ansichten würde ich das Script noch ergänzen:

1
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 immer mit der Schaltfläche für "Code" einkapseln!!! (=

Antworten

#7 | RE: RE:Hintergrundbild / Header-Image wird nicht komplett dargestellt datum

21.09.2017 17:28

Erstmal vielen Dank für deine Mühen...wenn ich mal nach Berlin komme, gebe ich einen aus!!!! :)

Mir ist allerdings das Bild immernoch zu groß und habe deswegen ein anderes Symbol genommen, das passt jetzt auch mit deinem ersten Hack, allerdings würde ich gerne den Abstand zwischen dem Hintergrundbild und dem ersten Text verkürzen...wenn du mir dabei noch helfen könntest, nerve ich dich auch nicht mehr!!!

Antworten

Dropdown Menü mit dead link oder internem link � � Cairo - Navigation fixieren

�hnliche Themen

Antworten

Letzter Beitrag

Header Bild kann nicht vergrößert werden
Erstellt im Forum Allgemeines von Marc1900VFL 8 23.10.2023 16:42
az_ • Zugriffe: 404
Suchleiste CSS wird nicht erkannt.
Erstellt im Forum Jimdo-Specials (Tools, Widgets, HTML und CSS) von L.d.R. 2 04.12.2019 13:40
L.d.R. • Zugriffe: 563
Problem mit responive header image
Erstellt im Forum Jimdo-Specials (Tools, Widgets, HTML und CSS) von M_B 3 27.11.2019 11:58
az_ • Zugriffe: 611
Tabelle (nicht Spalten!) zentriert und responsive?
Erstellt im Forum Jimdo-Elemente von D.F. 1 09.06.2019 18:16
az_ • Zugriffe: 1091
Hintergrundbild Barcelona weiß wird schwarz
Erstellt im Forum Allgemeines von Chrissy 4 08.05.2018 10:55
jmkv_r • Zugriffe: 747
Video im Header (Hintergrund) spielt nicht ab auf mobile devices
Erstellt im Forum Bugs, Workarounds und Anregungen von uwb 0 14.12.2017 10:11
uwb • Zugriffe: 2192
bearbeiteter Head wird nicht auf alle Seiten übernommen
Erstellt im Forum Jimdo-Specials (Tools, Widgets, HTML und CSS) von Flexibo 6 21.11.2017 14:48
az_ • Zugriffe: 1260
Header passt sich nicht an Bildschirm an / Google-Maps - Fehlermeldung
Erstellt im Forum Jimdo-Elemente von Sybille 3 30.09.2016 01:09
az_ • Zugriffe: 905

Affiliate Banner wird nicht wie gewünscht auf meiner jimdo Seite angezeigt
Erstellt im Forum Jimdo-Specials (Tools, Widgets, HTML und CSS) von Topwettenbase

04.07.2016 23:28
von

Topwettenbase • Zugriffe: 1066

Xobor-Forum f�r Jimdo-Creator User

Bitte geben Sie einen Grund f�r die Verwarnung an