Make rounded corners of the widget's container

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;
}

@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

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

Could you please double-check it?

1 Like

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

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