# User Summary spacing issue

**URL:** https://meta.discourse.org/t/user-summary-spacing-issue/112877
**Category:** UX
**Created:** [March 28, 2019, 11:01pm UTC](https://meta.discourse.org/t/user-summary-spacing-issue/112877 "2019-03-28T23:01:18Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![nexo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nexo/32/106384_2.png) [@nexo](https://meta.discourse.org/u/nexo)
#### Post date: [March 28, 2019, 11:01pm UTC](https://meta.discourse.org/t/user-summary-spacing-issue/112877/1 "2019-03-28T23:01:18Z")

</div>

1st Bug: when visiting a user’s full profile, there is a massive gap of empty space above it between the user’s image and the header.

 ![image](https://global.discourse-cdn.com/meta/original/3X/f/6/f658bc28a284d80d39cb49574b0aea600e066580.jpeg)

2nd bug: users with no background image - their profile picture sticks out of the user card and is seen overlapping text and properties behind it.

 ![image](https://global.discourse-cdn.com/meta/original/3X/c/4/c46219086925315a0260e3155f51c26a2f81296b.png)

---

<div class="post-metadata">

### Author: ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [March 29, 2019, 1:25am UTC](https://meta.discourse.org/t/user-summary-spacing-issue/112877/2 "2019-03-29T01:25:02Z")

</div>

> [@nexo](#):
>
> there is a massive gap of empty space above it between the user’s image and the header.

I imagine this is due to a customization you’ve made or a theme component you use. I can’t repro here on Meta. Check to see it still happens after disabling themes at your site’s `/safe-mode` page.

> [@nexo](#):
>
> users with no background image - their profile picture sticks out of the user card and is seen overlapping text and properties behind it.

This is one of those “feature-not-bug” things. It’s supposed to be a nice, modern looking style, but if you don’t like it you can adjust with CSS:

```css
#user-card.no-bg .card-content,
#group-card.no-bg .card-content {
  margin-top: 50px;
}

```

---

<div class="post-metadata">

### Author: ![nexo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nexo/32/106384_2.png) [@nexo](https://meta.discourse.org/u/nexo)
#### Post date: [March 29, 2019, 5:36am UTC](https://meta.discourse.org/t/user-summary-spacing-issue/112877/3 "2019-03-29T05:36:13Z")

</div>

> [@tshenry](#):
>
> Check to see it still happens after disabling themes at your site’s `/safe-mode` page.
> 
> ![](https://global.discourse-cdn.com/meta/original/3X/e/2/e270bde1252689d790bc4b3dda79e56b2e128b11.jpeg) nexo:

[Safe mode](https://meta.discourse.org/t/53504?silent=true) didn’t fix it, but I’m still looking into it. Website is [https://blinqchat.com](https://blinqchat.com)

- I removed all CSS, issue persists.
- \*If the user has no background image, the spacing is fixed. However, with users that have a background image, some of them have the spacing issue and some don’t..very peculiar.

I found this CSS with the div container: (I didn’t add this code)

> **[Gyazo Screen Video](https://gyazo.com/f9d43d4f5bc64803b91b50897de2bbb6)**
>
> Gyazo is the easiest way to record screenshots & videos you can share instantly. Save time with async visual communication that's effortless and engaging.

---

<div class="post-metadata">

### Author: ![nexo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nexo/32/106384_2.png) [@nexo](https://meta.discourse.org/u/nexo)
#### Post date: [March 29, 2019, 7:21am UTC](https://meta.discourse.org/t/user-summary-spacing-issue/112877/4 "2019-03-29T07:21:33Z")

</div>

I’ve fallen, I can’t find where and why this bizarre issue came from. With [safe mode](https://meta.discourse.org/t/53504?silent=true) I disabled all plugins and themes and yet the issue persists. I removed the plugins I’ve installed since this issue started (I believe today or for a few days) - no luck. Sigh.

---

<div class="post-metadata">

### Author: ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [March 29, 2019, 8:01am UTC](https://meta.discourse.org/t/user-summary-spacing-issue/112877/5 "2019-03-29T08:01:06Z")

</div>

Ah ha! I figured out how to reproduce it on meta. Thanks for trying everything first @nexo. If you need a quick and dirty “fix” this should help, but this will need to be fixed properly in core:

```css
.user-main .about {
  overflow: hidden;
}

```

@awesomerobot here is the repro criteria I’ve determined at this point:

- User profile background image is in place
- There is no `div.staff-counters` element displayed (this is the key)

---

<div class="post-metadata">

### Author: ![nexo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nexo/32/106384_2.png) [@nexo](https://meta.discourse.org/u/nexo)
#### Post date: [March 29, 2019, 3:38pm UTC](https://meta.discourse.org/t/user-summary-spacing-issue/112877/8 "2019-03-29T15:38:12Z")

</div>

THANK YOU 🙏 I appreciate you working with the issue, you’re awesome!

---

<div class="post-metadata">

### Author: ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [April 2, 2019, 10:46pm UTC](https://meta.discourse.org/t/user-summary-spacing-issue/112877/9 "2019-04-02T22:46:28Z")

</div>

Just a heads up. The user profile has been reworked in core, so assuming you are up to date, you can go ahead and remove that CSS. If you keep it around, it will end up breaking the the mute/ignore pop-up on profiles.

---

<div class="post-metadata">

### Author: ![tshenry](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tshenry/32/119495_2.png) [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [April 4, 2019, 1:00am UTC](https://meta.discourse.org/t/user-summary-spacing-issue/112877/10 "2019-04-04T01:00:07Z")

</div>

This topic was automatically closed after 24 hours. New replies are no longer allowed.
