Responsive Bilder und Apple Schaltflächen in OPEN, ab 2021
Fragestellung
Welche Einstellungen muss ich treffen, um Bilder responsiv darzustellen?
Gilt für
- APERTO
Lösung
Bilder responsiv einstellen im OPEN
Bei einer Neuinstallation des OPEN sind die Bilder nicht automatische responsiv.
Folgende Einstellung soll alle iframes und Bilder auf der OPEN-Website responsiv darstellen.
- Melden Sie sich als Bearbeiter an.
- Wechseln Sie links zu Einstellungen / Individuelle CSS-Dateien.
- Wählen Sie ggf. OPEN aus.
- Scrollen Sie zum Seitenende.
- Hier geben Sie nun Folgendes unverändert per copy und paste ein:
.DnnModule-DNN_HTML img, iframe {
max-width:100%;
}
.DnnModule-DNN_HTML img {
max-width:100%;
height:auto !important;
}
4. Speichern Sie im Anschluss die Einstellung unten über CSS-Datei speichern.
Schaltflächen auf Apple-Geräten grau statt blau
(ab Version 11 nicht mehr notwendig)
@media only screen and (max-width: 768px){
input[type="button"],input[type="submit"] {
background-color: #E9E9ED;
}
}
Weitere Informationen
Diese Anleitung löst die ältere Anleitung ab.