[GRELÖST] Article Grid – Bildausschnitt über CSS-Klasse steuern
- 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
,
und
.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:
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
über die CSS-Klasse Bild den Bildausschnitt variieren können, z. B. mit
Code:
bild-oben
Code:
bild-mitte
Code:
bild-unten
[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;
}
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 11 Stunden her #2
Lassen Sie testweise figure im Code weg.
JP-Admin
Supporter im forum.joomla.de/
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 1 Stunde 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 8 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/
Supporter im forum.joomla.de/
Last Edit:3 Tage 8 Stunden her
von WM-Loose
Letzte Änderung: 3 Tage 8 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 17 Stunden her #5
Habe ich versucht. Habe es nicht hinbekommen. Ich werde wohl eine andere Lösung suchen müssen.
Danke fürs Mitdenken.
Danke fürs Mitdenken.
Last Edit:1 Tag 13 Stunden her
von jane4x
Letzte Änderung: 1 Tag 13 Stunden her von WM-Loose.
Dieses Thema wurde gesperrt.