Hallo zusammen,
ich habe diese Seite erstellt.
https://www.kleine-steinschmiede.de
Wenn ich am Desktoprechner sitze und das Browserfenster in der Größe verändere, verändern sich auch fast alle Bilder in der Größe. Speziell die Bilder für den Parallax-Effekt. Wenn ich mit meinem Handy die Seite aufrufe sind die Bilder nicht angepasst.
Was kann ich da machen, verändern?
Grüße und Danke
Hi,
kA was man da evtl. ohne CSS umstellen könnte. Per CSS wäre das ein Fix:.
@media (max-width: 575px) {
body.body__home:not(.view-article) .position-3::before, body.body__home:not(.view-article) .position-5::after {
background-size: contain !important;
}
body.body__home:not(.view-article) .position-3, body.body__home:not(.view-article) .position-5 {
padding-top: 72% !important;
}
}Custom CSS fügst du bei T3 so hinzu:
http://www.t3-framework.org/do…/customization#custom-css
Gruß
Pascal
Hallo Pascal,
vielen, vielen Dank dafür. Bei dem ersten Bild (Blatt mit Kette) funktioniert es wunderbar. Leider passiert bei dem Hufeisen nichts. Ich habe versucht, den Code einfach zu kopieren und die "position-3" auf "position-4" zu ändern. Dann geht es mit dem Hufeisenbild. Leider bekomme ich den Text nicht angezeigt.
Kannst Du mir da noch einmal helfen?
Grüße
Manfred
Beim Hufeisen geht's nicht bzw. macht keinen Sinn, da der Bereich sonst zu niedrig werden würde für Überschrift und Text darin..
Ich würd's einfach so lassen. Das Hufeisen sieht man ja unten noch mal in vollständig.
Danke für die Info. Wäre es denn möglich, das das Hufeisenbild sich zentriert? Es brauch dann nicht seine Größe ändern.
Grüße
Manfred
ja, mit
background-position: center;
für den entsprechenden Selektor.