Article Grid – Bildausschnitt über CSS-Klasse steuern

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

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

Posted 1 Tag 12 Stunden 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

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

WM-Loose
Moderator
Beiträge: 3144
Dank erhalten: 529

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

Posted 14 Stunden 1 Minute her #2

Lassen Sie testweise figure im Code weg.

JP-Admin
Supporter im forum.joomla.de/

von WM-Loose

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

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

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

Posted 4 Stunden 18 Minuten her #3

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

von jane4x

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Powered by Kunena Forum

Installations-Service

Sparen Sie Zeit, wir installieren ihr gekauftes Joomla Template
mit all den dazugehörigen Extensions und dem "Demo Inhalt" innerhalb der nächsten 24 Stunden
auf einem Server/Webhost ihrer Wahl

Installations-Service kaufen ( 59 Euro )

JoomlaPlates

Professionelle Joomla Templates mit deutscher Dokumentation und Support seit 2008. Über 60 Templates für Joomla 5 & 6.

Joomla 5 Joomla 6

Templates

Service

Kontakt & Rechtliches

support@joomlaplates.de
Deutsches Support-Team
Mo-Fr: 9:00-18:00 Uhr

AGB Impressum Datenschutz

JoomlaPlates ist nicht mit dem Joomla! Project verbunden. Joomla! ist eine eingetragene Marke von Open Source Matters, Inc.