# How to insert CSS code in my Glide app?

**URL:** https://community.glideapps.com/t/how-to-insert-css-code-in-my-glide-app/73200
**Category:** Ask for Help
**Created:** [May 8, 2024, 5:10pm UTC](https://community.glideapps.com/t/how-to-insert-css-code-in-my-glide-app/73200 "2024-05-08T17:10:19Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![Alan8a](https://avatars.discourse-cdn.com/v4/letter/a/e274bd/32.png) [@Alan8a](https://community.glideapps.com/u/Alan8a)
#### Post date: [May 8, 2024, 5:10pm UTC](https://community.glideapps.com/t/how-to-insert-css-code-in-my-glide-app/73200/1 "2024-05-08T17:10:19Z")

</div>

I’ve seen this CSS code but i don¡'t know how to put it in my Glide app. Like which part goes in the text entry CSS code and which one in the appearence custom CSS?

The code is supposed to make the text entry look like a password.

.key-input textarea[class\*=“wire-field”] {  
-webkit-text-security: disc;  
}

---

<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: [May 8, 2024, 6:06pm UTC](https://community.glideapps.com/t/how-to-insert-css-code-in-my-glide-app/73200/2 "2024-05-08T18:06:24Z")

</div>

The CSS Class is for assigning a unique class name to a component

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

The CSS option in Settings → Appearance is where you actually put the CSS code.

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

---

<div class="post-metadata">

### Author: ![Alan8a](https://avatars.discourse-cdn.com/v4/letter/a/e274bd/32.png) [@Alan8a](https://community.glideapps.com/u/Alan8a)
#### Post date: [May 8, 2024, 6:10pm UTC](https://community.glideapps.com/t/how-to-insert-css-code-in-my-glide-app/73200/3 "2024-05-08T18:10:31Z")

</div>

Alright thank you, so with the code I show below would it be the first CSS Class : .key-input  
and then the Setting CSS option : .key-input textarea[class\*=“wire-field”] {  
-webkit-text-security: disc;  
}

Sorry I’m just confused

---

<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: [May 8, 2024, 6:23pm UTC](https://community.glideapps.com/t/how-to-insert-css-code-in-my-glide-app/73200/4 "2024-05-08T18:23:29Z")

</div>

You will most likely need to give the CSS Class a name since you only want to target a certain component. That name can be whatever you want. Then you need to adjust your CSS code to target that specific class.

I don’t do a whole lot of CSS, so off the top of my head, I’m not sure of the proper syntax. I would have to sit down and spend some time with it before I could provide an answer.

---

<div class="post-metadata">

### Author: ![Eric\_Penn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eric_penn/32/73888_2.png) [@Eric\_Penn](https://community.glideapps.com/u/Eric_Penn)
#### Post date: [May 8, 2024, 6:32pm UTC](https://community.glideapps.com/t/how-to-insert-css-code-in-my-glide-app/73200/5 "2024-05-08T18:32:00Z")

</div>

Paste this whole thing in the window under settings → appearance

```auto
.key-input textarea[class*="wire-field"] {
-webkit-text-security: disc;
}

```

![Screenshot 2024-05-08 at 2.32.41 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/a/a/aa865b294efd455590dcfc357f5927c4825871f7.png)

Then on the component level under options → CSS class put

```auto
key-input

```

![Screenshot 2024-05-08 at 2.31.35 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/9/b923ce7765e07e1c4bc21cd621e0238a66464b6e.png)

---

<div class="post-metadata">

### Author: ![Alan8a](https://avatars.discourse-cdn.com/v4/letter/a/e274bd/32.png) [@Alan8a](https://community.glideapps.com/u/Alan8a)
#### Post date: [May 8, 2024, 6:35pm UTC](https://community.glideapps.com/t/how-to-insert-css-code-in-my-glide-app/73200/6 "2024-05-08T18:35:39Z")

</div>

Thanks, appreciate the help

---

<div class="post-metadata">

### Author: ![Alan8a](https://avatars.discourse-cdn.com/v4/letter/a/e274bd/32.png) [@Alan8a](https://community.glideapps.com/u/Alan8a)
#### Post date: [May 8, 2024, 6:35pm UTC](https://community.glideapps.com/t/how-to-insert-css-code-in-my-glide-app/73200/7 "2024-05-08T18:35:57Z")

</div>

Thank you so much, its worked perfectly

---

<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 8, 2024, 11:49pm UTC](https://community.glideapps.com/t/how-to-insert-css-code-in-my-glide-app/73200/8 "2024-05-08T23:49:13Z")

</div>

Great to hear this, seems like you left a comment in the library but you got help here.

---

<div class="post-metadata">

### Author: ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)
#### Post date: [May 15, 2024, 11:49pm UTC](https://community.glideapps.com/t/how-to-insert-css-code-in-my-glide-app/73200/9 "2024-05-15T23:49:16Z")

</div>

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.
