[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 Monat 3 Wochen 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: 3208
- Dank erhalten: 538
WM-Loose antwortete auf Article Grid – Bildausschnitt über CSS-Klasse steuern
Posted 1 Monat 3 Wochen her #2
Lassen Sie testweise figure im Code weg.
JP-Admin
Mitglied im forum.joomla.de/
Mitglied 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 Monat 3 Wochen 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: 3208
- Dank erhalten: 538
WM-Loose antwortete auf Article Grid – Bildausschnitt über CSS-Klasse steuern
Posted 1 Monat 2 Wochen 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
Mitglied im forum.joomla.de/
Mitglied im forum.joomla.de/
Last Edit:1 Monat 2 Wochen her
von WM-Loose
Letzte Änderung: 1 Monat 2 Wochen 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 Monat 2 Wochen 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 Monat 2 Wochen her
von jane4x
Letzte Änderung: 1 Monat 2 Wochen her von WM-Loose.
Dieses Thema wurde gesperrt.