# Drop Shadow on Image with Full Radius Border

**URL:** <https://forums.realmacsoftware.com/t/drop-shadow-on-image-with-full-radius-border/55642>\
**Category:** Elements\
**Created:** [April 11, 2026, 8:06pm UTC](https://forums.realmacsoftware.com/t/drop-shadow-on-image-with-full-radius-border/55642 "2026-04-11T20:06:46Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![mintyfreshsmile](https://avatars.discourse-cdn.com/v4/letter/m/22d042/32.png) [@mintyfreshsmile](https://forums.realmacsoftware.com/u/mintyfreshsmile)\
**Post date:** [April 11, 2026, 8:06pm UTC](https://forums.realmacsoftware.com/t/drop-shadow-on-image-with-full-radius-border/55642/1 "2026-04-11T20:06:46Z")

</div>

I have a photo in an Image component and I set the border to full radius to make it a circle. I put a shadow on it and in Elements, the shadow looks great, but when I preview the shadow is cut off on the bottom. Why does it look fine in Elements and then cuts off in Preview? Does anyone know what settings I should toggle on or off? I tried to set to Visible in Overflow but that doesn’t seem to work.

 ![Screenshot 2026-04-11 at 4.04.42 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/3/5320164695cd3840e5367968cedc84bee5c33545.jpeg)

---

<div class="post-metadata">

**Author:** ![pumpkin](https://avatars.discourse-cdn.com/v4/letter/p/ccd318/32.png) [@pumpkin](https://forums.realmacsoftware.com/u/pumpkin)\
**Post date:** [April 11, 2026, 8:46pm UTC](https://forums.realmacsoftware.com/t/drop-shadow-on-image-with-full-radius-border/55642/2 "2026-04-11T20:46:50Z")

</div>

Have you set the overflow to hidden on the images?

---

<div class="post-metadata">

**Author:** ![mintyfreshsmile](https://avatars.discourse-cdn.com/v4/letter/m/22d042/32.png) [@mintyfreshsmile](https://forums.realmacsoftware.com/u/mintyfreshsmile)\
**Post date:** [April 11, 2026, 9:04pm UTC](https://forums.realmacsoftware.com/t/drop-shadow-on-image-with-full-radius-border/55642/3 "2026-04-11T21:04:10Z")

</div>

I set it to visible and that didn’t work. What’s weird is I don’t see the cut off shadow in Elements it’s only when I preview it cuts off.

---

<div class="post-metadata">

**Author:** ![jenkman](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jenkman/32/5003_2.png) [@jenkman](https://forums.realmacsoftware.com/u/jenkman)\
**Post date:** [April 11, 2026, 11:17pm UTC](https://forums.realmacsoftware.com/t/drop-shadow-on-image-with-full-radius-border/55642/4 "2026-04-11T23:17:20Z")

</div>

Should be overflow “Hidden” in the Layout tab of the image inspector

---

<div class="post-metadata">

**Author:** ![mintyfreshsmile](https://avatars.discourse-cdn.com/v4/letter/m/22d042/32.png) [@mintyfreshsmile](https://forums.realmacsoftware.com/u/mintyfreshsmile)\
**Post date:** [April 12, 2026, 12:53am UTC](https://forums.realmacsoftware.com/t/drop-shadow-on-image-with-full-radius-border/55642/5 "2026-04-12T00:53:54Z")

</div>

I have this and it’s still cutting off. Is this what you mean? It’s still the same issue: I don’t see the shadow cut off in Elements but when I preview I see it cut off.

 ![Screenshot 2026-04-11 at 8.53.09 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/8/7/87a9c642dcb9941a62e61f5c54d224957397f6ae.png)

---

<div class="post-metadata">

**Author:** ![jenkman](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jenkman/32/5003_2.png) [@jenkman](https://forums.realmacsoftware.com/u/jenkman)\
**Post date:** [April 12, 2026, 1:27am UTC](https://forums.realmacsoftware.com/t/drop-shadow-on-image-with-full-radius-border/55642/6 "2026-04-12T01:27:02Z")

</div>

Add some padding below to the component, the image or the container the image is in. Maybe upload a project file for someone to look at

---

<div class="post-metadata">

**Author:** ![mintyfreshsmile](https://avatars.discourse-cdn.com/v4/letter/m/22d042/32.png) [@mintyfreshsmile](https://forums.realmacsoftware.com/u/mintyfreshsmile)\
**Post date:** [April 12, 2026, 1:44am UTC](https://forums.realmacsoftware.com/t/drop-shadow-on-image-with-full-radius-border/55642/7 "2026-04-12T01:44:42Z")

</div>

It has padding already. What’s weird is it’s not showing in Elements so I don’t understand why it would cut off in preview as Elements is supposed to be WYSIWYG. I can’t remember how to upload but if I did who would look at it?

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [April 12, 2026, 6:37am UTC](https://forums.realmacsoftware.com/t/drop-shadow-on-image-with-full-radius-border/55642/8 "2026-04-12T06:37:22Z")

</div>

how to upload, someone will take a look

---

<div class="post-metadata">

**Author:** ![pumpkin](https://avatars.discourse-cdn.com/v4/letter/p/ccd318/32.png) [@pumpkin](https://forums.realmacsoftware.com/u/pumpkin)\
**Post date:** [April 12, 2026, 7:46pm UTC](https://forums.realmacsoftware.com/t/drop-shadow-on-image-with-full-radius-border/55642/9 "2026-04-12T19:46:10Z")

</div>

To clarify: if you set overflow to hidden, you will see the shadow cropped. Set it to visible (or don’t touch it at all).

---

<div class="post-metadata">

**Author:** ![mintyfreshsmile](https://avatars.discourse-cdn.com/v4/letter/m/22d042/32.png) [@mintyfreshsmile](https://forums.realmacsoftware.com/u/mintyfreshsmile)\
**Post date:** [April 12, 2026, 10:20pm UTC](https://forums.realmacsoftware.com/t/drop-shadow-on-image-with-full-radius-border/55642/10 "2026-04-12T22:20:11Z")

</div>

Thank you. It looks like a combination of adding some padding and setting the overflow to visible fixed it. I’ll keep checking to see if the cut off comes back but for now I think I solved it. Thanks everybody!

---

<div class="post-metadata">

**Author:** ![pumpkin](https://avatars.discourse-cdn.com/v4/letter/p/ccd318/32.png) [@pumpkin](https://forums.realmacsoftware.com/u/pumpkin)\
**Post date:** [April 13, 2026, 9:03am UTC](https://forums.realmacsoftware.com/t/drop-shadow-on-image-with-full-radius-border/55642/11 "2026-04-13T09:03:19Z")

</div>

Padding should not be necessary if overflow is set to visible.

But glad to hear it works for you now.
