It is old documentation and is no more maintained. The customization guide is too specific to certain libraries and do not provide full details, hence it is not rewritten on new website. The new documentation is moved to http://wiki.corejoomla.com
All latest versions of the components inherit the styles from your template bootstrap library, you need to customize your template itself. Also they come by default with few bootstrap color themes which you can choose from options.
That's good news. Customizing each individual component is very time consuming if you want to have a consistent design across the entire website.
However, when I use the inspect tool, I still see cj-wrapper everywhere. Why is this if I just have to edit the template's CSS?
Are you familiar with RocketTheme's Gantry? For Gantry, we make a custom.scss CSS file and place it in a specific folder. Any values entered here will overwrite the default template values. Will this work for customizing the look/feel of the survey module?
Lastly, is there any way to completely disable using any of the presets from the survey module? There isn't a "none" or disabled option, you are forced to select at least ONE theme from the survey module. Screenshot below:
You cannot completely get away with entire css as bootstrap require one. You can use your custom override file to override any css. #cj-wrapper is used to select only the component elements.
corejoomla.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters. The Joomla! name and logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.