Abgerundete Ecken für Lightbox-Fotos

Abgerundete Ecken ab Version 3.6 Neu in V3

Ab Version 3.6 erfolgt die Darstellung per Vorgabe mit abgerundeten Ecken; eine manuelle Anpassung ist nicht mehr nötig, um diesen Effekt zu erzielen.
Die Bildgalerie und die Aktion "Bildausschnitt in Originalgrösse anzeigen" verwenden den Lightbox-Effekt: Klickt der Webseiten-Besucher auf ein Bild, dann öffnet sich die Lightbox-Anzeige. Das sieht dann z.B. so aus:

Vorher

Lightbox-Anzeige normal
Lightbox-Anzeige normal
Mit ein wenig CSS verpassen wir dem Bilderrahmen der Lightbox mit Hilfe der Border-Radius-Eigenschaft abgerundete Ecken:
#lightbox-container-image-box {
  border-radius: 10px 10px 0 0;
}

#lightbox-container-image-data-box {
  border-radius: 0 0 10px 10px;
}
Die dazu nötige CSS-Regel hinterlegen Sie am besten global für das Projekt, weitere Infos hierzu finden Sie unter Eigenen CSS-Code für ein Projekt hinterlegen.

Nachher

Lightbox-Anzeige mit abgerundeten Ecken
Lightbox-Anzeige mit abgerundeten Ecken
Wenn Sie noch ausgeprägtere Rundungen möchten, erhöhen Sie den Wert von 10px zum Beispiel auf 14px.