Bilder automatisch anpassen im responsive Template

[Roger_Hannover]

Hallo,

ich habe zu meinem JTL Shop eine responsive Template dazugekauft. Na dieses responsive Template nun aber nicht in allen Punkten so wirklich responsive ist, wie ich es eigentlich annahm, möchte ich nun nach und nach einige Dinge ändern. In erster Linie geht es mir zunächst erstmal mal Bilder, die sich automatisch der Bildschirmauflösung anpassen sollen. Ich habe schon einige Dinge versucht, jedoch leider ohne das gewünschte Ergebnis. Es gibt ja die möglichkeit für Bilder eine css Klasse zu hinterlegen. Und dann eine entsprechende CCS-Klasse in der css-Datei zu erstellen.

Folgende Zeilen habe ich der bass.css hinzugefügt und dann im entsprechenden Bild auch die CSS-Klasse vermerkt.

respond {
max-width: 100%;
height: auto;
}

Ist das so richtig, oder gehören die woanders hin?

Vielen Dank schon mal für Eure Hilfe.

Grüße
Roger

 

[XYZ]

AW: Bilder automatisch anpassen im responsive Template

Hallo,

ich habe zu meinem JTL Shop eine responsive Template dazugekauft. Na dieses responsive Template nun aber nicht in allen Punkten so wirklich responsive ist, wie ich es eigentlich annahm,...

Dann solltest Du Dich an denjenigen wenden, von dem Du es gekauft hast, weil responsive sollte auch responsive sein, gerade, wenn es von einem Programmierer kommt.

 

[Roger_Hannover]

AW: Bilder automatisch anpassen im responsive Template

Das hab ich natürlich auch schon gemacht. Leider gibt es da nur eher zählflüssige Informationen. Auf Anfragen wird auch nur halb, bzw. unvollständig geantwortet.

 

[martinwolf]

AW: Bilder automatisch anpassen im responsive Template

Hallo,

ich habe zu meinem JTL Shop eine responsive Template dazugekauft. Na dieses responsive Template nun aber nicht in allen Punkten so wirklich responsive ist, wie ich es eigentlich annahm, möchte ich nun nach und nach einige Dinge ändern. In erster Linie geht es mir zunächst erstmal mal Bilder, die sich automatisch der Bildschirmauflösung anpassen sollen. Ich habe schon einige Dinge versucht, jedoch leider ohne das gewünschte Ergebnis. Es gibt ja die möglichkeit für Bilder eine css Klasse zu hinterlegen. Und dann eine entsprechende CCS-Klasse in der css-Datei zu erstellen.

Folgende Zeilen habe ich der bass.css hinzugefügt und dann im entsprechenden Bild auch die CSS-Klasse vermerkt.



Ist das so richtig, oder gehören die woanders hin?

Vielen Dank schon mal für Eure Hilfe.

Grüße
Roger

Hinweis: Grundsätzlich sollten Ergänzungen oder Änderungen immer in der theme.css passieren.
Jetzt aber zu deiner Frage direkt, funktioniert denn deine Anpassung? Hier fehlt schonmal ein Punkt vor dem Klassennamen um den Selektor auch als solche zu definieren. Link zum Shop hast Du ja bisher nicht gepostet als dass man nachschauen könnte.

 

[Roger_Hannover]

AW: Bilder automatisch anpassen im responsive Template

Nein, mein Anpassung funktioniert nicht. Auch nicht mit dem punkt vor dem Klassennamen.

Auf folgender Seite ist z. b. eine Grafik die ich gerne automatisch anpassen würde. https://www.die-futter-station.de/Wir-ueber-uns

 

[adelheid_f]

AW: Bilder automatisch anpassen im responsive Template

Hallo

schreib so:

.respond {
    height: auto !important;
    max-width: 100%;


}

Ohne Punkt vor dem Klassennamen funktioniert es garantiert nicht.

Liebe Grüße
Adelheid

 

[Roger_Hannover]

AW: Bilder automatisch anpassen im responsive Template

Hallo Adelheid,

ja das mit dem Punkt habe ich ja auch schon ausprobiert. Aber leider funktioniert Dein Code auch nicht.

 

[Roger_Hannover]

AW: Bilder automatisch anpassen im responsive Template

So hab es hinbekommen, mit diesem Code hier:

.respond {
max-width: auto;
height: auto;
}