# CSS for hiding stuff!

**URL:** <https://community.glideapps.com/t/css-for-hiding-stuff/19631>\
**Category:** Community Resources\
**Tags:** tutorial\
**Created:** [December 9, 2020, 10:24pm UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631 "2020-12-09T22:24:40Z")\
**Posts on this page:** 20\
**Page:** 2

<div class="post-metadata">

**Author:** ![ehdubya](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ehdubya/32/24087_2.png) [@ehdubya](https://community.glideapps.com/u/ehdubya)\
**Post date:** [December 10, 2020, 3:47pm UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/21 "2020-12-10T15:47:08Z")

</div>

Thank you again @Pablo_books, @ThinhDinh, @Jeff_Hager and @Robert_Petitto for your help! Much appreciated! Back to the lab! 🤓

---

<div class="post-metadata">

**Author:** ![kyleheney](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kyleheney/32/41173_2.png) [@kyleheney](https://community.glideapps.com/u/kyleheney)\
**Post date:** [December 29, 2020, 8:58pm UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/22 "2020-12-29T20:58:27Z")

</div>

> [@Pablo\_books](#):
>
> ### Hide back button:
> 
> ```auto
> <pre><span><style> [data-test="back-button"]{ display: none }
> 
> ```

THIS is very helpful ---- I’ve started hiding the back button and building a “cancel” button that has actions attached to it. The action clears some user-specific values so that when the user cancels the process, it clears their previous entries. This makes this specific process much more intuitive and prevents certain errors from occurring.

---

<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:** [December 30, 2020, 1:18am UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/23 "2020-12-30T01:18:48Z")

</div>

Same. Sometimes I want users to go straight to a screen using a deep link, which serves as some kind of a “landing page”. The back button would kill the purpose, so this is helpful.

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [December 30, 2020, 1:20am UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/24 "2020-12-30T01:20:50Z")

</div>

haha, snap! 😂

---

<div class="post-metadata">

**Author:** ![Pablo\_books](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablo_books/32/2110_2.png) [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)\
**Post date:** [December 31, 2020, 7:52pm UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/25 "2020-12-31T19:52:30Z")

</div>

It would be nice to have additional ‘back’ actions.

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [January 6, 2021, 1:03pm UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/26 "2021-01-06T13:03:45Z")

</div>

@ThinhDinh,

I know you posted a CSS to make the picture go all the way up on the screen. I have been trying to find it but I can’t. Is it possible that you share it one more time?

Thanks.

---

<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:** [January 6, 2021, 1:11pm UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/27 "2021-01-06T13:11:06Z")

</div>

Hi @SantiagoPerez, here it is.

```
<p>
<a style="position: absolute; width:100%; top: -105px; right: 0%; z-index:-2; opacity: 1" target="_blank" rel="noopener"></a>
</p>
<a style="position: absolute; width:100%; top: -105px; right: 0%; z-index:-2; opacity: 1" target="_blank" rel="noopener">
<div style="background: linear-gradient(to top, #282828 25%, #787878 75%); margin: 0%; padding-bottom:400px;"></div>
</a>
<p>
<a style="position: absolute; width: auto; top: -105px; right: 0%; z-index:-1; opacity: 0.5;" target="_blank" rel="noopener">
<img style="object-fit: cover;" height="400" src="{I}">
</a>
</p>
<center>
```

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [January 6, 2021, 1:21pm UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/28 "2021-01-06T13:21:05Z")

</div>

Thanks man!

---

<div class="post-metadata">

**Author:** ![SantiagoPerez](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/santiagoperez/32/16807_2.png) [@SantiagoPerez](https://community.glideapps.com/u/SantiagoPerez)\
**Post date:** [January 6, 2021, 1:52pm UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/29 "2021-01-06T13:52:12Z")

</div>

Hey man!  
Do we have a working background image CSS? The one I have seems to only work on the editor but not on production.

Thanks

---

<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:** [January 6, 2021, 1:57pm UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/30 "2021-01-06T13:57:19Z")

</div>

Here you are.

```
<a style="position: fixed; 
width: 100%; 
top:20px;
right: 0%; 
z-index:-1;
" target="_blank" rel="noopener">

<img src="https://dummyimage.com/600x2000/000/000" title="" style="">
```

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [January 6, 2021, 2:19pm UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/31 "2021-01-06T14:19:21Z")

</div>

Just found out I can rename my bookmarks in this forum 🤦‍♂️

---

<div class="post-metadata">

**Author:** ![Pablo\_books](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/pablo_books/32/2110_2.png) [@Pablo\_books](https://community.glideapps.com/u/Pablo_books)\
**Post date:** [January 7, 2021, 11:49pm UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/32 "2021-01-07T23:49:40Z")

</div>

I just found that out too. Also, was there always a do not disturb feature?  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/b/eb09a4487673efa22a7571b0714774203045c4e3.png)

---

<div class="post-metadata">

**Author:** ![nadia\_mutoni](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nadia_mutoni/32/17766_2.png) [@nadia\_mutoni](https://community.glideapps.com/u/nadia_mutoni)\
**Post date:** [January 11, 2021, 3:35pm UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/33 "2021-01-11T15:35:41Z")

</div>

Hi, can I use this to hide the download button in a podcast app?  
Thanks in advance 🙂

---

<div class="post-metadata">

**Author:** ![AmeliaHornsby](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ameliahornsby/32/12105_2.png) [@AmeliaHornsby](https://community.glideapps.com/u/AmeliaHornsby)\
**Post date:** [January 11, 2021, 3:36pm UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/34 "2021-01-11T15:36:16Z")

</div>

I guess you could do it

---

<div class="post-metadata">

**Author:** ![nadia\_mutoni](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nadia_mutoni/32/17766_2.png) [@nadia\_mutoni](https://community.glideapps.com/u/nadia_mutoni)\
**Post date:** [January 11, 2021, 3:47pm UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/35 "2021-01-11T15:47:05Z")

</div>

Hi Thinh,  
can I use this to hide the download button on android phones (next to the audio file users on android can download the file).  
I’d like to remove this option.  
Thanks

---

<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:** [January 11, 2021, 11:35pm UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/37 "2021-01-11T23:35:55Z")

</div>

As of now I don’t think there’s a way. I have been investigating that for a few days but saw no direct CSS to use.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [February 2, 2021, 2:17am UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/38 "2021-02-02T02:17:19Z")

</div>

hi, how to make this code to show picture, working same way in desktop view?  
when i apply this code, it looks great in mobile, but when i switch to desktop is not in place

---

<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:** [February 2, 2021, 4:22am UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/39 "2021-02-02T04:22:49Z")

</div>

Can you show me how it looks in desktop (I think you mean tablet) view? I think I have only trialled it in mobile and web.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [February 2, 2021, 4:51am UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/40 "2021-02-02T04:51:12Z")

</div>

if would be possible to synchronize both views?

 ![Proposal 2021-02-01 at 11.46.05 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/b/2b2a11e07bb6763b00915fdd0571411a6a6ee624.jpeg) ![Proposal 2021-02-01 at 11.50.11 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/b/abe2105a921291769a83c6d21dd46b1cd4e7a4eb.jpeg)

---

<div class="post-metadata">

**Author:** ![everys](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/everys/32/10724_2.png) [@everys](https://community.glideapps.com/u/everys)\
**Post date:** [February 2, 2021, 5:52am UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/41 "2021-02-02T05:52:44Z")

</div>

Are these classes (like .sc-euEtjk) a static name? If so, it would be great. I’ll try to jot down everything in the elements 😃

[Previous page](https://community.glideapps.com/t/css-for-hiding-stuff/19631.md?page=1)

[Next page](https://community.glideapps.com/t/css-for-hiding-stuff/19631.md?page=3)