There are too many to list down, so you can follow these steps to get the exact settings you need:

1. Set up a carousel question and preview the survey


2. Right click on the thing you want to modify and select inspect element


3. Go to the styles tab and you'll see the settings that are being applied to that particular element.


4. Some will be

   inherited

   , when hover over it, in your page, it will highlight the element that the property is being inherited from.


5. You can then copy the entire style sheet by clicking on

   stylesheet.css:999



6. The number at the end refers to the line of code that is being used. So, if you are not happy, you can just change that.


7. Paste this stylesheet into the custom css section and now you'll get the desired results.

ahmedA Thank you!

I had a problem getting the entire scale on the page without the scroll bar. The following code seemed to work for me:
.CarouselAnswerButtonContainer {
   min-width: 10px;
   width: 60px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  margin: 2px;
}
.CarouselAnswerButton.Horizontal.Overflow {
   min-width: 16px;