Komplettes Beitragsbild mit runde Ecken

Selam

Irgendwie steh ich am Schlauch.

Ich möchte gerne beim Beitragsbild im Artikel (float-left) die Ecken abrunden (border-radius: 18px).
Und ich glaube, ich habe schon alles durchprobiert aber ich kann das Bild mit CSS nicht ansprechen.

Natürlich habe ich den CSS-Verweis auch bei "Bilder und Links" eingetragen....

Hier die Liste meiner Klassen, die ich schon probiert habe:

figure.float-end.item-image
figure
item-image
float-end

Vermutlich ist die Lösung lächerlich einfach.

Template ist übrigens Cassiopeia...

christine2

Hallo,

Eventuell wie hier?

Help - Cassiopeia Demo

Liebe Grüße
Christine

drmenzelit

Code

figure.float-end {
	border-radius: 18px;
}

funktioniert einwandfrei

Selam · Bildschirmfoto 2024-10-31 um 16.11.51.png

Wie gesagt, alles probiert. Aber greift nicht.

Habe einen Screenshot angehängt...

WM-Loose

Ohne Link zur Webseite ist es mal wieder schwer zu analysieren.

Wie soll man das anhand eines Screenshots testen können?

Also bitte Seite hochladen und Link posten.

Selam

Leider ist das nicht möglich, da die Seiteninhalte noch nicht öffentlich gestellt werden dürfen.
Update: Habe eine Beispielseite zum Analysieren erstellt...

Test float end

figurentheater-wels.at

WM-Loose

Dann warten wir halt bis es soweit ist.

Selam

Update: Habe eine Beispielseite zum Analysieren erstellt...

Test float end

figurentheater-wels.at

drmenzelit

Tschuldigung, ich muss mich korrigieren, man muss das img-Element ansprechen:

Code

figure.float-end img {
  border-radius: 18px;
}

Selam

Bist ein Schatz. Das wars

Stef

Wieder mal ein gutes Beispiel, mit Link zur Seite geht es ruckzuck.

drmenzelit

Ich habe es in meiner Cassiopeia Demo nachgestellt

Tags