Bilderalbum Bilder abgerundet

Hallo Ela,

die Vorschaubilder und das in der Lightbox vergrößerte Bild kriege ich mit

<style>  
.zpflexgalfocal  {              /* abgerundete Ecken Bilder im Bilderalbum */  
  border-radius: 15px;
  }

  
#fancybox-img {                 /* angerundete Ecken für Bilder in Lightbox */
  border-radius: 15px;
  }
</style>

abgerundet. Die Animation, das leicht vergrößerte Bild bei Hover, habe ich bislang noch nicht geschafft, abzurunden. Vielleicht nutzt Du die Animation aber auch gar nicht ...

Viele Grüße

Tom

Hallo ElaSch

Nur kurz angetestet: Der folgende Code kann eine Lösung sein.

<style>
.zpImageGallery .gallery-item {
  border: 0;
  border-radius: 20px;}
</style>

Einfügen unter "Einstellungen -> CSS".

Viel Erfolg und viele Grüsse
elch

Edit: Da fehlte noch ein"}" im Code. Ist nun korrekt.

Das ist in der Tat besser. Da funktioniert dann auch die Rundung beim Hover. Damit die vergrößerten Bilder ebenfalls abgerundet sind, so denn gewünscht, müsstest Du dann aber zusätztlich das bereits erwähnte #fancybox-img bemühen.

Viele Grüße

Tom