How to insert CSS code in my Glide app?

[Alan8a]

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;
}

[Jeff_Hager]

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

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

[Alan8a]

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

[Jeff_Hager]

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.

[Eric_Penn]

Paste this whole thing in the window under settings → appearance

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

Then on the component level under options → CSS class put

key-input

[Alan8a]

Thanks, appreciate the help

[Alan8a]

Thank you so much, its worked perfectly

[ThinhDinh]

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