Make rounded corners of the widget's container

CSS Codes Photo Gallery
1

Add this code to the Custom CSS field on the Style tab of your Photo Gallery widget’s settings:

.eapp-photo-gallery-photo-gallery-component {
  border-radius: 15px;
}
2

@Max the code from Dec 2023 didn’t work for me anymore??
I now have this solution for the slider layout.

[class*="eapp-photo-gallery-slider-item-image"] {
border-radius: 15px;
}
1 Like
3

@Sina I’ve tested the code and seems to be working fine with all layouts:

image
image1617×934 111 KB

Could you please double-check it?

1 Like
4

Hi @Max
Unfortunately, I can’t double-check this. I’ve reached my widget limit here. :confused:
But I’ve tested it for the layouts I’m using.

1 Like
5

Ah, I see now!

This CSS code changes the border radius of the widget’s container and since the background in your widgets is transparent, you don’t see any effect.

If you set the colorful background, you’ll be able to see the changes :slightly_smiling_face:

1 Like