Sliderlayout: Shadow under the Photo

Ask the Community Customization
1

Hi,
ability to make a shadow under the photo in the Sliderlayout.

elfsight.photogalery

1 Like
3

@Sina This code should help you:

.global-styles,
#eapps-photo-gallery-e5f43189-13ee-4316-9159-8896dff6947b {
  box-shadow: rgba(0, 0, 0, 0.45) 0px 45px 30px -20px;
}

Give it a try and let me know if you like the result :wink:

4

Hi@Max,
this is the result.

elfsight-shadow1
elfsight-shadow1864×167 8.75 KB

The Shadow is under the container, not under the image.
Or there is a conflict with my other Custom CSS ?

1 Like
5

Ah, I am so sorry about that!

I’ll double-check the code with the devs and will get back to you tomorrow :slightly_smiling_face:

1 Like
6

Hi, @Sina :wave:

The only solution in this case to slight;y reduce the image size. Here is the full code:

.eapp-photo-gallery-item-data-imageContainer {
  padding: 0 30px 50px !important;
}

.eapp-photo-gallery-item-data-image {
 box-shadow: rgba(0, 0, 0, 0.45) 0px 35px 30px -20px;
}

Try it out and let me know if you like the result :slightly_smiling_face:

1 Like
7

Hi @Max, this works perfectly-

1 Like