# Hide photo on user profile using CSS

**URL:** https://community.glideapps.com/t/hide-photo-on-user-profile-using-css/30393
**Category:** Ask for Help
**Created:** [August 12, 2021, 5:49pm UTC](https://community.glideapps.com/t/hide-photo-on-user-profile-using-css/30393 "2021-08-12T17:49:21Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![Iftach](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/iftach/32/29848_2.png) [@Iftach](https://community.glideapps.com/u/Iftach)
#### Post date: [August 12, 2021, 5:49pm UTC](https://community.glideapps.com/t/hide-photo-on-user-profile-using-css/30393/1 "2021-08-12T17:49:21Z")

</div>

Hey, any code to remove this part from the user profile page on the side menu?  
Thanks!

![Screen Shot 2021-08-12 at 20.45.20](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/a/1a141575bb4843d068b1b7e552e7847b19cb335c.png)

---

<div class="post-metadata">

### Author: ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)
#### Post date: [August 13, 2021, 12:03am UTC](https://community.glideapps.com/t/hide-photo-on-user-profile-using-css/30393/2 "2021-08-13T00:03:45Z")

</div>

So you only want to show the email?

---

<div class="post-metadata">

### Author: ![Iftach](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/iftach/32/29848_2.png) [@Iftach](https://community.glideapps.com/u/Iftach)
#### Post date: [August 13, 2021, 12:49pm UTC](https://community.glideapps.com/t/hide-photo-on-user-profile-using-css/30393/3 "2021-08-13T12:49:45Z")

</div>

Maybe even hide it too, I want to add it by self and customize it. @ThinhDinh

---

<div class="post-metadata">

### Author: ![Iftach](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/iftach/32/29848_2.png) [@Iftach](https://community.glideapps.com/u/Iftach)
#### Post date: [August 13, 2021, 1:54pm UTC](https://community.glideapps.com/t/hide-photo-on-user-profile-using-css/30393/4 "2021-08-13T13:54:39Z")

</div>

Nevermind, managed to do it by using `<pre><span><style> [class="sc-cVkrFx jfXWDA"]{ display: none }`

---

<div class="post-metadata">

### Author: ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)
#### Post date: [August 13, 2021, 2:10pm UTC](https://community.glideapps.com/t/hide-photo-on-user-profile-using-css/30393/5 "2021-08-13T14:10:05Z")

</div>

@Iftach this class you’re using is not secure. Any update Glide does, it may break.

Just for curiosity, why do you wanna hide it?

---

<div class="post-metadata">

### Author: ![Iftach](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/iftach/32/29848_2.png) [@Iftach](https://community.glideapps.com/u/Iftach)
#### Post date: [August 13, 2021, 2:16pm UTC](https://community.glideapps.com/t/hide-photo-on-user-profile-using-css/30393/6 "2021-08-13T14:16:13Z")

</div>

@Lucas_Pires Because I don’t wanna profile picture to be part of my app, I know that 90% of my app users won’t be uploading picture and I want to create unity between all users. I also want to design it by myself as I did to the rest of the app and make it follow the design language I chose. This is what I designed at the moment (the language is Hebrew, but guess you’ll get the idea)

 ![Screen Shot 2021-08-13 at 17.12.53](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/b/ebf651117dcbe8c8ced28e9400b8be5691ddb6a5.png)  
_(the text inside the black tag says “logged as…”_  
_and the inline list below is favorite items)_

---

<div class="post-metadata">

### Author: ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)
#### Post date: [August 13, 2021, 2:18pm UTC](https://community.glideapps.com/t/hide-photo-on-user-profile-using-css/30393/7 "2021-08-13T14:18:39Z")

</div>

Got it. This one could not break too easily

```auto
<pre><span><style>
div[id*='screenScrollView'] > div > div:nth-of-type(1) {
display: none;
}

```

---

<div class="post-metadata">

### Author: ![Iftach](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/iftach/32/29848_2.png) [@Iftach](https://community.glideapps.com/u/Iftach)
#### Post date: [August 13, 2021, 2:22pm UTC](https://community.glideapps.com/t/hide-photo-on-user-profile-using-css/30393/8 "2021-08-13T14:22:26Z")

</div>

It works, thank you!  
By the way, you may know a way to hide the photo profile from the side menu or replace it with app logo or something like that? note that I have a map tab which can’t get CSS code (as far as I know) but I’m looking for solution.

---

<div class="post-metadata">

### Author: ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)
#### Post date: [August 13, 2021, 2:24pm UTC](https://community.glideapps.com/t/hide-photo-on-user-profile-using-css/30393/9 "2021-08-13T14:24:26Z")

</div>

In a Map tab you cannot add a rich text component, so maybe you wont be able to hide it

---

<div class="post-metadata">

### Author: ![NoCodeAndy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nocodeandy/32/62530_2.png) [@NoCodeAndy](https://community.glideapps.com/u/NoCodeAndy)
#### Post date: [January 17, 2024, 4:50pm UTC](https://community.glideapps.com/t/hide-photo-on-user-profile-using-css/30393/10 "2024-01-17T16:50:53Z")

</div>