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:
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
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
