Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account

How to resize Number Input buttons for R20 character Sheets?

1595089501

Edited 1595089520
GM
Pro
Hey everyone, quick question.  I'm trying to resize the buttons for a Number input so they are thinner (or using a custom image, whichever works).  I remember seeing a way to do this but can't find my bookmark, and the topics I'm finding on google have to do with a wide variety of buttons.  Likewise I've think there's differences between doing this on R20? Anyway sorry if this is a redundant post, I can't find the original. All help is greatly appreciated, thanks again!
I'm pretty sure your only option for the browser-inserted spinner buttons on a number input is to hide them: <a href="https://www.w3schools.com/howto/howto_css_hide_arrow_number.asp" rel="nofollow">https://www.w3schools.com/howto/howto_css_hide_arrow_number.asp</a> If you want, you can hide them and then add your own styled buttons that use worker scripts to increment / decrement the number value.
1595104471
Finderski
Pro
Sheet Author
Compendium Curator
You can also just increase the size the input field using CSS. If you want it to override the default style from Roll20 you'd need to be more specific in your css, something like: input[type=number].sheet-myClass { &nbsp; &nbsp; width: 50px; }
Ah, thanks again!&nbsp; Works great.&nbsp; Very appreciated!