[GRELÖST] Article Grid – Bildausschnitt über CSS-Klasse steuern - Kunena

jane4x
Autor
Neues Mitglied
Beiträge: 13
Dank erhalten: 0

Article Grid – Bildausschnitt über CSS-Klasse steuern wurde erstellt von jane4x

Posted 1 Woche 1 Tag her #1

Hallo zusammen,ich habe für die Darstellung der Beiträge im Article Grid die Bildhöhe auf eine einheitliche Höhe von 250px gesetzt.
über die CSS-Klasse Bild den Bildausschnitt variieren können, z. B. mit

Code:

bild-oben

,

Code:

bild-mitte

und

Code:

bild-unten

.Das gleiche Prinzip habe ich bereits für den normalen Kategorie-Blog umgesetzt – dort funktioniert es wie gewünscht.Hier könnt ihr euch das testweise anschauen:
[url] viktor.katholisch-in-duelmen.de/index.ph...les-termine/berichte [/url]Beim Article Grid bekomme ich es leider nicht hin. Die Bilder werden zwar einheitlich dargestellt, aber die Bildposition lässt sich über die CSS-Klasse nicht verändern.Hier mein bisheriges CSS:

Code:

/* =========================================
   Joomlaplates Article Grid
   Bildposition über CSS-Klasse Bild
   ========================================= */

/* Einheitliche Bildgröße */

.grid-hover figure img {
    display: block;
    width: 100% !important;
    height: 250px !important;
    object-fit: cover !important;
}

/* Bildposition OBEN */

.grid-hover figure.bild-oben img {
    object-position: center top !important;
}

/* Bildposition MITTE */

.grid-hover figure.bild-mitte img {
    object-position: center center !important;
}

/* Bildposition UNTEN */

.grid-hover figure.bild-unten img {
    object-position: center bottom !important;
}

Hat jemand eine Idee, woran es liegen könnte, dass die Bildposition im Article Grid nicht greift?Muss die CSS-Klasse eventuell an einem anderen Element angesprochen werden, oder gibt es beim Article Grid eine Besonderheit bei der Bilddarstellung?Schon jetzt vielen Dank fürs Mitdenken!Sonnige Grüße
Jane

von jane4x

Dieses Thema wurde gesperrt.

WM-Loose
Moderator
Beiträge: 3147
Dank erhalten: 531

WM-Loose antwortete auf Article Grid – Bildausschnitt über CSS-Klasse steuern

Posted 1 Woche 13 Stunden her #2

Lassen Sie testweise figure im Code weg.

JP-Admin
Supporter im forum.joomla.de/

von WM-Loose

Dieses Thema wurde gesperrt.

jane4x
Autor
Neues Mitglied
Beiträge: 13
Dank erhalten: 0

jane4x antwortete auf Article Grid – Bildausschnitt über CSS-Klasse steuern

Posted 1 Woche 3 Stunden her #3

Danke für die Rückmeldung. Leider funktioniert es auch dann nicht.

von jane4x

Dieses Thema wurde gesperrt.

WM-Loose
Moderator
Beiträge: 3147
Dank erhalten: 531

WM-Loose antwortete auf Article Grid – Bildausschnitt über CSS-Klasse steuern

Posted 3 Tage 9 Stunden her #4

Die Module verwenden keine Joomla eigenen Klassen. Sie könnten es mit einem Modul Override eventuell realisieren, aber das geht jetzt schon sehr ins Detail und verlangt entsprechend tiefgreifende Programmierkenntnisse. Out of the box geht hier nichts.

JP-Admin
Supporter im forum.joomla.de/

Last Edit:3 Tage 9 Stunden her von WM-Loose

Letzte Änderung: 3 Tage 9 Stunden her von WM-Loose.

Folgende Benutzer bedankten sich: jane4x

Dieses Thema wurde gesperrt.

jane4x
Autor
Neues Mitglied
Beiträge: 13
Dank erhalten: 0

jane4x antwortete auf [GRELÖST] Article Grid – Bildausschnitt über CSS-Klasse steuern

Posted 1 Tag 18 Stunden her #5

Habe ich versucht. Habe es nicht hinbekommen. Ich werde wohl eine andere Lösung suchen müssen.

Danke fürs Mitdenken.

Last Edit:1 Tag 15 Stunden her von jane4x

Letzte Änderung: 1 Tag 15 Stunden her von WM-Loose.

Dieses Thema wurde gesperrt.