Spinner Inline Show Control

[Trond Hoyem]

If you just want to make the input box smaller:

Code:

.item-control-single .control-spinner .spinner-value {
  width: 50px;
}

Or you can scale the whole control to 75% like this:

Code:

.item-control-single .control-spinner {
  transform: scale(0.75);
  transform-origin: 0 0;
}

Hi

I have tried this solution myself, and it is not exactly fulfilling my needs. Is it possible to set the size of the spinner with 'width' and 'height'? I have tried to make it work, but it seems like these parameters do not apply to the spinner?

Code:

.setpAdjust2 {


  width: 125px !important;
  height: 25px !important;
  border: 2px solid orange;
}

With the code above, the border seems to be at the size I want, but the text-box and the buttons are still at the same size as they were before.