Would anyone be willing to share some javascript for customizing the look of the matrix carousel? Mainly for customizing box size, box background color, arrow color, etc.
Solved
customizing the look of the matrix carousel
Best answer by ahmedA
There are too many to list down, so you can follow these steps to get the exact settings you need:
- Set up a carousel question and preview the survey
- Right click on the thing you want to modify and select inspect element
- Go to the styles tab and you'll see the settings that are being applied to that particular element.
- Some will be
inherited
, when hover over it, in your page, it will highlight the element that the property is being inherited from. - You can then copy the entire style sheet by clicking on
stylesheet.css:999
- 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.
- Paste this stylesheet into the custom css section and now you'll get the desired results.
Most CSS properties are self-explanatory, but some maybe confusing, but there are plenty of answers on the web of each of them.
For most changes, you won't need JS.
Hope this helps.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
