# Creating a box/shaddow around images

**URL:** https://meta.discourse.org/t/creating-a-box-shaddow-around-images/111773
**Category:** Support
**Created:** [3월 16, 2019, 8:30오전 UTC](https://meta.discourse.org/t/creating-a-box-shaddow-around-images/111773 "2019-03-16T08:30:44Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![Cozdabuch](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cozdabuch/32/139120_2.png) [@Cozdabuch](https://meta.discourse.org/u/Cozdabuch)
#### Post date: [3월 16, 2019, 8:30오전 UTC](https://meta.discourse.org/t/creating-a-box-shaddow-around-images/111773/1 "2019-03-16T08:30:45Z")

</div>

Is there a good way with CSS to create a 1-2px border box around images within posts/PMs? Or at least a drop shaddow?

A lot of screenshots are white background on white backgrounds and sometimes its hard to tell where the image ends and inline text begins.

Anyone?

---

<div class="post-metadata">

### Author: ![Stranik](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/stranik/32/85638_2.png) [@Stranik](https://meta.discourse.org/u/Stranik)
#### Post date: [3월 16, 2019, 10:05오전 UTC](https://meta.discourse.org/t/creating-a-box-shaddow-around-images/111773/2 "2019-03-16T10:05:37Z")

</div>

You can try to add css:

```plaintext
.topic-body img, .lightbox-wrapper .lightbox {
     box-shadow: 0 0 10px 3px rgba(221, 221, 221, 1);
}

```

Or add a border

```plaintext
border: 1px solid #e9e9e9;

```

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [3월 16, 2019, 10:07오전 UTC](https://meta.discourse.org/t/creating-a-box-shaddow-around-images/111773/3 "2019-03-16T10:07:00Z")

</div>

You could help to answer your own question by right-clicking on an image and selecting ‘inspect’ or ‘inspect element’. That would lead you towards @Stranik’s answer above.

---

<div class="post-metadata">

### Author: ![Cozdabuch](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cozdabuch/32/139120_2.png) [@Cozdabuch](https://meta.discourse.org/u/Cozdabuch)
#### Post date: [3월 16, 2019, 10:11오전 UTC](https://meta.discourse.org/t/creating-a-box-shaddow-around-images/111773/4 "2019-03-16T10:11:44Z")

</div>

I did, but I didn’t find it. But now with that answer and the elements to look for I’ll give it another look. The newbie blues.

Thanks gents!

---

<div class="post-metadata">

### Author: ![merefield](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/merefield/32/176214_2.png) [@merefield](https://meta.discourse.org/u/merefield)
#### Post date: [3월 16, 2019, 10:16오전 UTC](https://meta.discourse.org/t/creating-a-box-shaddow-around-images/111773/5 "2019-03-16T10:16:57Z")

</div>

> [@Cozdabuch](#):
>
> The newbie blues.

Ha. Learning is never ending 🙂

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [5월 5, 2022, 5:34오전 UTC](https://meta.discourse.org/t/creating-a-box-shaddow-around-images/111773/7 "2022-05-05T05:34:36Z")

</div>