CSS Klasse Einleitungsbild ohne Funktion

Ich versuche Einleitungsbilder von Beiträgen per CSS zu verschönern, z. B. Rahmen. In der custom bzw. user.css steht: .boxgreen.item-image {
border: 15px solid green;}. Im Beitrag, Tab Bilder und links, ist "boxgreen" eingetragen. Beim Anzeigen mit dem Cassiopeia template, wird der erste Blogeintrag korrekt mit Rahmen angezeigt. Beim Astroid Template (AF 3.1.6) nicht. Seltsamerweise steht im Seitenquelltext bei class:"text-boxgreen". Muss CSS hier in einer anderen Form eingetragen werden?

Beide Varianten getestet, Cache gelöscht. Klappt nicht. Im Seitenquelltext wird weiterhin vor der (korrekten) Klasse der Text "text-" eingefügt.

Hallo. Falscher Beitrag, falsches Bild.

Auf der Startseite in der Blogansicht der erste Beitrag (gelb markiert) soll den Rahmen ums Einleitungsbild haben.

Das Ergebnis ist unverändert, s. #5. Richtige Klasse, falscher Name.

Zitat von Stef

Code gemäss #8 für kleines Bild

Und was steht dann im Beitrag (css klasse einleitungsbild)?

Zitat von christine2

Hab's mal so probiert:

1. Bild links:

.text-boxgreen.item-image {
border: 15px solid green; 
}

Die 2 daneben:

.text-left.item-image {
border: 15px solid green; 
}

Was mir aufgefallen ist: "text .... davor. Da hatte ich im Hinterkopf einen älteren Thread, wo ich da zunächst nicht wusste, wonach ich den (wieder) finden konnte. Hier ist er:

Beitrag

RE: Seitenklasse bei Einleitungsbild der Beiträge wird ignoriert und Einleitungsbilder immer über dem Beitrag angezeigt

Die Klasse wurde hier zu text-einleitungsbild-links


.text-einleitungsbild-links.item-image { ... }

würde hier funktionieren.

Im HTML Inspektor kannst du nach "einleitungsbild-links" suchen - dann erkennst du so etwas selbst mit dem CSS Wissen (Klassen, Selektoren..) dahinter.

forum.joomla.de/core/attachment/10702/

kitepascal

20. Februar 2022 um 15:53

WM-Loose  Elwood

Könnt Ihr Euch noch auf den erinnern?

Liebe Grüße
Christine

Alles anzeigen

Ja., das ist mein Problem. Heisst das, der Fehler ist wieder da?

Von der Astroidseite.

Problem ist anscheinend gelöst. Beim Testen mit einer neuen Installation (Joomla, Astroid) trat der Fehler nicht auf. Ich habe jetzt Astroid und das template drüberinstalliert und mit dem default template getestet, immer noch falsch. Nach Deinstallation und Neuinstallation von Astroid klappt es jetzt.