# Custom CSS warning

**URL:** https://community.glideapps.com/t/custom-css-warning/74364
**Category:** Ask for Help
**Created:** [June 25, 2024, 11:42am UTC](https://community.glideapps.com/t/custom-css-warning/74364 "2024-06-25T11:42:41Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![Kemal1973](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kemal1973/32/72721_2.png) [@Kemal1973](https://community.glideapps.com/u/Kemal1973)
#### Post date: [June 25, 2024, 11:42am UTC](https://community.glideapps.com/t/custom-css-warning/74364/1 "2024-06-25T11:42:41Z")

</div>

I want to define CSS in app for form submission but I encountered this message

[image]

 ![preview custom CSS](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/f/bfd2414e7a14f3429b9b48bdef2bc5d8783a7035.png)  
so if I accept this warning it will destroy my App or not?

---

<div class="post-metadata">

### Author: ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)
#### Post date: [June 25, 2024, 12:02pm UTC](https://community.glideapps.com/t/custom-css-warning/74364/2 "2024-06-25T12:02:51Z")

</div>

If you don’t press the enable button, you will never get the results of using CSS. Use ctrl+z if you encounter problems.

---

<div class="post-metadata">

### Author: ![Kemal1973](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kemal1973/32/72721_2.png) [@Kemal1973](https://community.glideapps.com/u/Kemal1973)
#### Post date: [June 25, 2024, 12:32pm UTC](https://community.glideapps.com/t/custom-css-warning/74364/3 "2024-06-25T12:32:40Z")

</div>

I enabled it but result didn’t work correctly

 ![preview custom CSS-2](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/e/1ebe553037e4ba4a14d0473fca62474cb0e7a9bb.png)  
the scenario is this  
if user enter number in section 1 instead of text,the message in section 2(Hint Component) will appear and section 3 should not be active

---

<div class="post-metadata">

### Author: ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)
#### Post date: [June 25, 2024, 12:37pm UTC](https://community.glideapps.com/t/custom-css-warning/74364/4 "2024-06-25T12:37:07Z")

</div>

Are you asking about CSS code problems? If yes then change the code part “aria-label” using the word “submit” to be changed to your language.

---

<div class="post-metadata">

### Author: ![Kemal1973](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kemal1973/32/72721_2.png) [@Kemal1973](https://community.glideapps.com/u/Kemal1973)
#### Post date: [June 25, 2024, 12:45pm UTC](https://community.glideapps.com/t/custom-css-warning/74364/5 "2024-06-25T12:45:50Z")

</div>

I changed it but doesn’t work  
how about I change the computer language to English?

---

<div class="post-metadata">

### Author: ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)
#### Post date: [June 25, 2024, 12:48pm UTC](https://community.glideapps.com/t/custom-css-warning/74364/6 "2024-06-25T12:48:43Z")

</div>

Show me how your code is created. Do you turn on CSS preview?

---

<div class="post-metadata">

### Author: ![Kemal1973](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kemal1973/32/72721_2.png) [@Kemal1973](https://community.glideapps.com/u/Kemal1973)
#### Post date: [June 25, 2024, 2:06pm UTC](https://community.glideapps.com/t/custom-css-warning/74364/7 "2024-06-25T14:06:38Z")

</div>

![preview custom CSS-3](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/5/85a7ce69423fe47f1ecb4979086620fd4675fd73.png)

![preview custom CSS-4](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/1/c1db254a165fc48d2b49ee0b2db3a7128c8eeab7.png)

---

<div class="post-metadata">

### Author: ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)
#### Post date: [June 25, 2024, 2:14pm UTC](https://community.glideapps.com/t/custom-css-warning/74364/8 "2024-06-25T14:14:06Z")

</div>

From your settings I don’t see anything wrong. What is the name of your button now? If your button name is “Submit” then it should work if your hint component appears.

---

<div class="post-metadata">

### Author: ![Kemal1973](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kemal1973/32/72721_2.png) [@Kemal1973](https://community.glideapps.com/u/Kemal1973)
#### Post date: [June 25, 2024, 2:37pm UTC](https://community.glideapps.com/t/custom-css-warning/74364/9 "2024-06-25T14:37:18Z")

</div>

![preview custom CSS-5](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/d/5d5e7958fe0d229a650f9968ce487b0c2104cf75.png)  
I changed CSS setting to [aria-label=“ibraz etmek”] but the result doesn’t work correctly

---

<div class="post-metadata">

### Author: ![Kemal1973](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kemal1973/32/72721_2.png) [@Kemal1973](https://community.glideapps.com/u/Kemal1973)
#### Post date: [June 25, 2024, 2:39pm UTC](https://community.glideapps.com/t/custom-css-warning/74364/10 "2024-06-25T14:39:33Z")

</div>

I changed like below code  
#page-root:has(.prevent-submit) [aria-label=“ibraz etmek”] {pointer-events: none;opacity: 0.4;}

---

<div class="post-metadata">

### Author: ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)
#### Post date: [June 25, 2024, 2:41pm UTC](https://community.glideapps.com/t/custom-css-warning/74364/11 "2024-06-25T14:41:41Z")

</div>

What language is this? If your computer uses English, what are the results?

---

<div class="post-metadata">

### Author: ![Kemal1973](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kemal1973/32/72721_2.png) [@Kemal1973](https://community.glideapps.com/u/Kemal1973)
#### Post date: [June 25, 2024, 2:47pm UTC](https://community.glideapps.com/t/custom-css-warning/74364/12 "2024-06-25T14:47:03Z")

</div>

this is Turkish language

---

<div class="post-metadata">

### Author: ![Kemal1973](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kemal1973/32/72721_2.png) [@Kemal1973](https://community.glideapps.com/u/Kemal1973)
#### Post date: [June 25, 2024, 2:50pm UTC](https://community.glideapps.com/t/custom-css-warning/74364/13 "2024-06-25T14:50:06Z")

</div>

“ibraz etmek” means submit  
but the other words on app body is Persion language

---

<div class="post-metadata">

### Author: ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)
#### Post date: [June 25, 2024, 2:53pm UTC](https://community.glideapps.com/t/custom-css-warning/74364/14 "2024-06-25T14:53:20Z")

</div>

There seems to be a language problem. My translator produces: Göndermek.  
ibraz etmek = to present

 ![Screenshot 2024-06-25 at 21.54.09](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/3/336bae6446e13bfc51117f2ed2ca6743d8d31d0c.png)

---

<div class="post-metadata">

### Author: ![Kemal1973](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kemal1973/32/72721_2.png) [@Kemal1973](https://community.glideapps.com/u/Kemal1973)
#### Post date: [June 25, 2024, 2:55pm UTC](https://community.glideapps.com/t/custom-css-warning/74364/15 "2024-06-25T14:55:15Z")

</div>

that’s right,my camputer language is Turkish

---

<div class="post-metadata">

### Author: ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)
#### Post date: [June 25, 2024, 2:59pm UTC](https://community.glideapps.com/t/custom-css-warning/74364/16 "2024-06-25T14:59:14Z")

</div>

Persian language:  
 ![Screenshot 2024-06-25 at 21.55.37](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/a/2aad46cbd8b658f3e5f08d67e98b8e354aa494bb.png)  
Try copying and pasting the button’s text into the CSS code. If it still doesn’t work, our conversation will take longer.

---

<div class="post-metadata">

### Author: ![Kemal1973](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kemal1973/32/72721_2.png) [@Kemal1973](https://community.glideapps.com/u/Kemal1973)
#### Post date: [June 25, 2024, 3:03pm UTC](https://community.glideapps.com/t/custom-css-warning/74364/17 "2024-06-25T15:03:28Z")

</div>

> [@Himaladin](#):
>
> present

Thank you so much,I will try it

---

<div class="post-metadata">

### Author: ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)
#### Post date: [June 25, 2024, 3:09pm UTC](https://community.glideapps.com/t/custom-css-warning/74364/18 "2024-06-25T15:09:59Z")

</div>

As much as the letter “i” of your [aria-label=“ibraz etmek”] is different from the image.

---

<div class="post-metadata">

### Author: ![Kemal1973](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/kemal1973/32/72721_2.png) [@Kemal1973](https://community.glideapps.com/u/Kemal1973)
#### Post date: [June 25, 2024, 3:16pm UTC](https://community.glideapps.com/t/custom-css-warning/74364/19 "2024-06-25T15:16:16Z")

</div>

yes you’re right 🖕  
I try it with Turkish keyboard

---

<div class="post-metadata">

### Author: ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)
#### Post date: [June 25, 2024, 3:17pm UTC](https://community.glideapps.com/t/custom-css-warning/74364/20 "2024-06-25T15:17:37Z")

</div>

The labels on the buttons must be exactly the same. Is it working?

[Next page](https://community.glideapps.com/t/custom-css-warning/74364.md?page=2)