How to insert CSS code in my Glide app?

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

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

image

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

image

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

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.

Paste this whole thing in the window under settings → appearance

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

Screenshot 2024-05-08 at 2.32.41 PM

Then on the component level under options → CSS class put

key-input

Screenshot 2024-05-08 at 2.31.35 PM

1 Like

Thanks, appreciate the help

1 Like

Thank you so much, its worked perfectly

1 Like

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

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