# 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:** 4

<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:** [October 15, 2021, 11:23am UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/62 "2021-10-15T11:23:15Z")

</div>

Hola @Proyecto_Kolectivo

Exactamente que es lo que quieres lograr? Y que es lo que tienes? Si muestras quizás algún screenshot, ayudarías a conseguir una solución más rápida.

---

<div class="post-metadata">

**Author:** ![Proyecto\_Kolectivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/proyecto_kolectivo/32/33010_2.png) [@Proyecto\_Kolectivo](https://community.glideapps.com/u/Proyecto_Kolectivo)\
**Post date:** [October 15, 2021, 1:25pm UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/63 "2021-10-15T13:25:07Z")

</div>

Cordial saludo,

Es posible lograr esto en Glide:

[http://elcssar.com/html/enlace-href-whatsapp?fbclid=IwAR0nLwweZQRAhRfcop5rHUadfbQWPY8isH6lTo3utRQX0A0uWB86wNHlP-k](http://elcssar.com/html/enlace-href-whatsapp?fbclid=IwAR0nLwweZQRAhRfcop5rHUadfbQWPY8isH6lTo3utRQX0A0uWB86wNHlP-k)

Ocultar un componente en función del tamaño de la pantalla?

Gracias

---

<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:** [October 15, 2021, 3:43pm UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/64 "2021-10-15T15:43:03Z")

</div>

@Proyecto_Kolectivo

Si entiendo lo que quieres es posible que debas usar un Experimental Column para ver la Agent information y luego usar el ITE para lo que quieres.

Echale un vistazo a este hilo: [Agent for information](https://community.glideapps.com/t/agent-for-information/29981)

---

<div class="post-metadata">

**Author:** ![Proyecto\_Kolectivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/proyecto_kolectivo/32/33010_2.png) [@Proyecto\_Kolectivo](https://community.glideapps.com/u/Proyecto_Kolectivo)\
**Post date:** [October 16, 2021, 5:05am UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/65 "2021-10-16T05:05:04Z")

</div>

Lo logre, muchas gracias Santiago.

---

<div class="post-metadata">

**Author:** ![Eden](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eden/32/18651_2.png) [@Eden](https://community.glideapps.com/u/Eden)\
**Post date:** [December 15, 2021, 9:03pm UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/66 "2021-12-15T21:03:20Z")

</div>

I’m wondering whether I could use CSS to hide the “Made with Glide” in Glide Pages

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [December 15, 2021, 10:06pm UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/67 "2021-12-15T22:06:42Z")

</div>

CSS isn’t allowed on Glide Pages. That might be one of the reasons why…because they want to make it an optional add-on to have it removed in the future.

---

<div class="post-metadata">

**Author:** ![matt](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/matt/32/289_2.png) [@matt](https://community.glideapps.com/u/matt)\
**Post date:** [December 22, 2021, 7:01pm UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/68 "2021-12-22T19:01:51Z")

</div>

Did I miss how to hide the actual back “arrow” (versus the “Back” text)? Can someone share?

---

<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 22, 2021, 11:43pm UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/69 "2021-12-22T23:43:06Z")

</div>

This should cover both the arrow and the text.

```auto
[data-test="back-button"] {
display: none;
}

```

Or do you just want to hide the arrow?

---

<div class="post-metadata">

**Author:** ![matt](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/matt/32/289_2.png) [@matt](https://community.glideapps.com/u/matt)\
**Post date:** [December 23, 2021, 10:58am UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/70 "2021-12-23T10:58:59Z")

</div>

I’m using CSS to create a background color at the top and then I want both the “back” and the arrow" to be white. This is the CSS that I have as rich text and its only making the “back” word white. The arrow is the same color as the background so its not visible and I can’t seem to find the right CSS to change it.

```
[data-test="back-button"]{ color: #FFFFFF; } #app-root [opacity='1'] { color: transparent; } [data-test="glide-app-bar"] :nth-child(1) { background: #E174A1; color: #000000}
```

---

<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 23, 2021, 11:50am UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/71 "2021-12-23T11:50:53Z")

</div>

Try this

```auto
[data-test="back-button"] svg {
fill: #008080 !important;
}

```

> **[Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.](https://www.notion.so/glidecommunity/33d5984960d04785b38eeae6c5121001?v=5662bb67cd994c53ae87737ab952ddb2&p=9eb6f19b6fa14993b28b486a452c153b)**
>
> A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team

Here’s the full link for how I approached this.

---

<div class="post-metadata">

**Author:** ![matt](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/matt/32/289_2.png) [@matt](https://community.glideapps.com/u/matt)\
**Post date:** [December 23, 2021, 11:53am UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/72 "2021-12-23T11:53:59Z")

</div>

Thank you so much. That did the trick!!!

---

<div class="post-metadata">

**Author:** ![ebele54](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ebele54/32/19267_2.png) [@ebele54](https://community.glideapps.com/u/ebele54)\
**Post date:** [April 19, 2022, 6:14pm UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/73 "2022-04-19T18:14:13Z")

</div>

Hi @ThinhDinh

I was looking at your CSS trick for creating a custom see-all which works but I need to hide the default see all and also have the custom see all, actually see all 🙂

```auto
<div class="see-all-custom">→ See all</div>

<pre><span><style>
.see-all-custom {
font-weight: 600;
font-size: 0.875rem;
line-height: 1.0625rem;
color: #F19E39;
position: relative;
float: right;
}

```

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [April 19, 2022, 6:20pm UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/74 "2022-04-19T18:20:31Z")

</div>

I believe you would just need to to set your lnline List to only show a few items with the See All turned off. Then put the above code in a rich text component with an action to Show New Screen → This Item and put an Inline List on that new screen without any filters.

---

<div class="post-metadata">

**Author:** ![ebele54](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ebele54/32/19267_2.png) [@ebele54](https://community.glideapps.com/u/ebele54)\
**Post date:** [April 19, 2022, 7:06pm UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/75 "2022-04-19T19:06:50Z")

</div>

@Jeff_Hager Excellent stuff. That totally works. Thanks so much

---

<div class="post-metadata">

**Author:** ![drascon](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/drascon/32/20070_2.png) [@drascon](https://community.glideapps.com/u/drascon)\
**Post date:** [April 19, 2022, 9:16pm UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/76 "2022-04-19T21:16:37Z")

</div>

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

Using the trick to hide the hamburger menu moves the tab label all the way to the left instead of keeping it centered:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/a/ea5609cf3a6c9cd8e1e1adbf065f258947808994.png)

Any suggestions to re-center the label will be met with a ❤ on your post. 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:** [April 20, 2022, 12:50am UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/77 "2022-04-20T00:50:21Z")

</div>

Sorry for the late reply. I saw your comment on Notion as well.

Thanks @Jeff_Hager for the answer. Let me copy your comment over to Notion so in the future people who have the same issue can figure it out.

---

<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:** [April 20, 2022, 12:59am UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/78 "2022-04-20T00:59:26Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/8/38bcd72289319c1a81d110ec7ef4902487de7dc4.png)

Do you have any other CSS snippets on that tab? I can’t reproduce here.

---

<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:** [April 20, 2022, 5:36am UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/79 "2022-04-20T05:36:33Z")

</div>

I think that behaviour might be specific to Android devices?

---

<div class="post-metadata">

**Author:** ![drascon](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/drascon/32/20070_2.png) [@drascon](https://community.glideapps.com/u/drascon)\
**Post date:** [April 20, 2022, 2:15pm UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/80 "2022-04-20T14:15:10Z")

</div>

Hey Thinh,

I do -  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/c/1c3e2200139adb1e9930006308fabb761ee0727c.png)

Do you think that’s the problem? The issue occurs across three separate but related tabs (NOTE: related, like, similar - not related by RELATION) where I need to hide the same stuff. Or, is my CSS missing something? Do I need to close the SPAN?

---

<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:** [April 20, 2022, 11:08pm UTC](https://community.glideapps.com/t/css-for-hiding-stuff/19631/81 "2022-04-20T23:08:47Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/3/b300f6572f2f42648cdccef72255ce364819854a.png)

I think @Darren_Murphy was right about it being an Android problem.

Here’s my fix.

```auto
<pre><span><style>

[data-test="nav-button-menu"] {
display: none
}

[data-test="nav-bar"] > h1 {
text-align: center !important;
}

```

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

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