# Image in comment covering up div comment-respond

**URL:** https://meta.discourse.org/t/image-in-comment-covering-up-div-comment-respond/110922
**Category:** WordPress
**Created:** [3월 6, 2019, 11:04오후 UTC](https://meta.discourse.org/t/image-in-comment-covering-up-div-comment-respond/110922 "2019-03-06T23:04:37Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![davidkingham](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/davidkingham/32/119528_2.png) [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [3월 6, 2019, 11:04오후 UTC](https://meta.discourse.org/t/image-in-comment-covering-up-div-comment-respond/110922/1 "2019-03-06T23:04:37Z")

</div>

See the last comment on this post [Moving Beyond Icons - Nature Photographers Network](https://naturephotographers.network/articles/moving-beyond-icons/)

When there is an image in a comment it spills out of its container

 ![image](https://global.discourse-cdn.com/meta/original/3X/d/8/d898baf78d52a21533672e8127b45204ffdfd5f8.jpeg)

---

<div class="post-metadata">

### Author: ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### Post date: [3월 6, 2019, 11:35오후 UTC](https://meta.discourse.org/t/image-in-comment-covering-up-div-comment-respond/110922/2 "2019-03-06T23:35:17Z")

</div>

It looks like there is a confilct between a CSS class that is returned with the comments from Discourse and the CSS that’s used in a plugin on your site. The plugin that is adding styles to the class is called accesspress-anonymous-post-pro. The CSS class that’s causing the problem is named `lightbox`.

The plugin adds a `position: absolute` rule to the `lightbox` class. You can override that by adding some CSS to your site that targets the comments section

This will override `.lightbox { position: absolute; }`

```plaintext
.comment-body .lightbox {
    position: static;
}

```

There is still an issue with the positioning of the image’s metadata that will need to be sorted out.

---

<div class="post-metadata">

### Author: ![davidkingham](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/davidkingham/32/119528_2.png) [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [3월 7, 2019, 2:00오전 UTC](https://meta.discourse.org/t/image-in-comment-covering-up-div-comment-respond/110922/3 "2019-03-07T02:00:26Z")

</div>

Thanks Simon, I tried deactivating that plugin but the problem still remained, but adding the CSS still fixed it.

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [4월 6, 2019, 2:00오전 UTC](https://meta.discourse.org/t/image-in-comment-covering-up-div-comment-respond/110922/4 "2019-04-06T02:00:32Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.