# CSS Not Working?

**URL:** <https://community.glideapps.com/t/css-not-working/42559>\
**Category:** Ask for Help\
**Created:** [May 31, 2022, 2:59am UTC](https://community.glideapps.com/t/css-not-working/42559 "2022-05-31T02:59:48Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![biha](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/biha/32/84110_2.png) [@biha](https://community.glideapps.com/u/biha)\
**Post date:** [May 31, 2022, 2:59am UTC](https://community.glideapps.com/t/css-not-working/42559/1 "2022-05-31T02:59:48Z")

</div>

Hello, I am using the CSS to hide the right button. its work on the builder (image 1).  
When open the apps, the right button appeared (image 2). That is the first thing.  
And the other weird thing is on the list, there is no description appear as image 1. There is only the title available. Fyi, the user is shown as image 1 is the same as image 2.  
No visibility condition applied.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/6/46f8adadadffe246129a5ea54f04a1733acc0bbc.png)

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/5/258937468416f79acd4dda474d88aab5663aceee.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:** [May 31, 2022, 4:08am UTC](https://community.glideapps.com/t/css-not-working/42559/2 "2022-05-31T04:08:46Z")

</div>

Can you specify what CSS snippet were you using?

---

<div class="post-metadata">

**Author:** ![biha](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/biha/32/84110_2.png) [@biha](https://community.glideapps.com/u/biha)\
**Post date:** [May 31, 2022, 4:45am UTC](https://community.glideapps.com/t/css-not-working/42559/3 "2022-05-31T04:45:22Z")

</div>

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

div[id*='screenScrollView'] > div > :nth-of-type(6) :nth-child(2) {
pointer-events: none;
display: none;
}

/* Please replace (11) by the order number of the component on the screen */

```

---

<div class="post-metadata">

**Author:** ![biha](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/biha/32/84110_2.png) [@biha](https://community.glideapps.com/u/biha)\
**Post date:** [May 31, 2022, 8:45am UTC](https://community.glideapps.com/t/css-not-working/42559/4 "2022-05-31T08:45:26Z")

</div>

I have another issue regarding the form screen .  
From the builder, it show like below (image 3).

But when come to the apps, it show like below (image 4).

The first text entry is not appear. Only the title got.  
Also, for your information, on this part, i didn’t use any CSS that intend to have a change on this screen.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/7/17d3a58455658b19ddd327f42aa111a009cc9e37.png)

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/9/19aeb8696abbeea806cbe256e6e917a5ec14dd62.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:** [May 31, 2022, 8:46am UTC](https://community.glideapps.com/t/css-not-working/42559/5 "2022-05-31T08:46:58Z")

</div>

I think nowadays we don’t need to do this anymore. Do this instead:

- Use the “simple” design option for the button (1st from the right)
- Don’t give it a title
- Assign a custom action with a condition that will never be true

Then it will automatically be hidden and users can’t click it.

---

<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:** [May 31, 2022, 8:48am UTC](https://community.glideapps.com/t/css-not-working/42559/6 "2022-05-31T08:48:47Z")

</div>

> [@biha](#):
>
> Also, for your information, on this part, i didn’t use any CSS that intend to have a change on this screen.

Pretty sure you had a CSS acting on the screen underneath this (before you open this form). The table layout is a bit different since forms are just modals on top of the current screen, instead of being treated like a brand new screen, so the CSS from the previous screen is still acting on this screen. Can you confirm this and tell us what you used the CSS for in the previous screen?

---

<div class="post-metadata">

**Author:** ![biha](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/biha/32/84110_2.png) [@biha](https://community.glideapps.com/u/biha)\
**Post date:** [May 31, 2022, 8:51am UTC](https://community.glideapps.com/t/css-not-working/42559/7 "2022-05-31T08:51:06Z")

</div>

I am using the same CSS .  
Oooo i seeee.

---

<div class="post-metadata">

**Author:** ![biha](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/biha/32/84110_2.png) [@biha](https://community.glideapps.com/u/biha)\
**Post date:** [May 31, 2022, 8:52am UTC](https://community.glideapps.com/t/css-not-working/42559/8 "2022-05-31T08:52:36Z")

</div>

So, the image 2 is caused by the CSS as well ? (the first post)

---

<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:** [May 31, 2022, 9:49am UTC](https://community.glideapps.com/t/css-not-working/42559/9 "2022-05-31T09:49:44Z")

</div>

I think so. The div level might be different between the builder and the actual app. I think I have seen this before.