how to use css snippet?

[Crownburger]

Hi,

can someone please explain how my css snippet needs to look like to reduce the Text Input Box to 200px width instead of full width? My .md File looks like this:

INPUT[text(class(Test)):tag]

I'm on Android.

Thanks!

[JNathan16]

Hey did you ever figure out how to reduce the text input box ?
I think I running into a similar issue. I am using the desktop version.

[Lykhant]

I figured it out!

After looking throughout the css of the extension, it turns out that you shouldn't modify the size of the target. You need to modify the children. What that means is that you need to append > * to the class name, as in .Test > *.

So, if we were to make the input take all of the page's space, the css would look like this:

.input-w-full > * {
  width: 100%;
}

Then, we apply it as normal:

INPUT[text(class(input-w-full)):tag]

Here's the result: