Danke für eure vorläufigen Antworten.
@Pascale:
Die gewünschten Thumbnails-Einstellungen habe ich im Modul nicht gefunden. Dort hat es nur Einstellungen wie im Anhang ersichtlich. Dort habe ich dann noch den Punkt "Seitenverhältnisse beibehalten" von JA auf NEIN gewechselt, hat aber auch keine Besserung gebracht.
pascale schrieb: Das "max-width: 100%;" greift.
Ich habe es mit dem Firebug ausprobiert. Ohne die Breitenangabe funktioniert es.
max-widht habe ich leider nicht gefunden in der theme.css, um dies anzupassen. Oder könnte ich dies auch im custom.css eintragen?
Wenn das nicht geht, muss du in der theme.css angeben, dass es früher auf responsive umstellt.
Hier einen höheren Wert: @media (min-width: 768px)
Ich habe das mit @media ausprobiert. Im theme.css habe ich den Wert @media wie von dir beschrieben angepasst, hat aber nichts gebracht. Als ich dann nach anderen Einträgen dieser Sorte gesucht habe wurde ich fündig:
/* Large screen and bigger */
@media (min-width: 1220px) {
/* Horizontal */
/* Tablet and bigger */
@media (min-width: 768px) {
.uk-grid-divider > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) {
border-left: 1px solid #dddddd;
/* Desktop and bigger */
@media (min-width: 960px) {
.uk-grid-divider > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) {
border-left: 1px solid #dddddd;
}
}
/* Large screen and bigger */
@media (min-width: 1220px) {
/*
* Large gutter
/* Phone landscape and bigger */
@media (min-width: 480px) {
.uk-grid-width-small-1-2 > * {
width: 50%;
}
}
/* Tablet and bigger */
@media (min-width: 768px) {
.uk-grid-width-medium-1-2 > * {
width: 50%;
}
/* Desktop and bigger */
@media (min-width: 960px) {
.uk-grid-width-large-1-2 > * {
width: 50%;
}
}
/* Large screen and bigger */
@media (min-width: 1220px) {
.uk-grid-width-xlarge-1-2 > * {
width: 50%;
}
}
/* Phone landscape and bigger */
@media (min-width: 480px) {
/* Whole */
.uk-width-small-1-1 {
width: 100%;
}
/* Tablet and bigger */
@media (min-width: 768px) {
/* Whole */
.uk-width-medium-1-1 {
width: 100%;
}
}
/* Desktop and bigger */
@media (min-width: 960px) {
/* Whole */
.uk-width-large-1-1 {
width: 100%;
}
/* Tablet and bigger */
@media (min-width: 768px) {
[class*='uk-push-'],
[class*='uk-pull-'] {
position: relative;
}
}
/* Large screen and bigger */
@media (min-width: 1220px) {
.uk-panel + .uk-panel-divider {
margin-top: 70px !important;
}
usw. es hat noch etliche andere. Eine Bezeichnung zum Modul finde ich nicht. Es hat auch mehrere andere. Habe das CSS deshalb mal beigefügt.
@Chris: Danke für den Tipp: Allerdings hat das Einfügen ins CSS von...
.random_image_extended img {
height: 100%;
width: 100%;
}
...auch nichts gebracht.
Sorry, dass ich euch soviel Mühe bereite, aber ich hätte mir es auch anders gewünscht.
Bin froh um alle weiteren Tipps.
Danke und Gruss
Follower
