Custom Styles

In the Konfig settings, there is a section on custom-css, which allows you to add custom cascading style sheets (CSS) to the Konfig, and to customize the appearance of the product that is being configured. The custom-css setting in a Konfig includes the following options:

When you enable the custom-css, the Konfig will use the default styles that are provided by the system, which include a bunch of borders around every single customizable element in the Konfig. You can then use the Google Chrome (or other browsers inspector) inspector in the browser to look up the elements in the Konfig, and to find the specific styles and rules that are applied to them. The Chrome inspector is a powerful tool that can be used to inspect the HTML and the CSS of the Konfig, and to see how the styles and the rules are applied to the elements in the Konfig. To use the Chrome inspector, you can open the Konfig in the Chrome browser, and then use the "Inspect" feature to open the inspector, and to navigate to the specific element that you want to inspect. Once you have selected the element, you can use the inspector to see the styles and the rules that are applied to the element, and you can use the inspector to modify and test the styles and the rules in real-time. By using the custom-css setting in a Konfig, you can add your own styles and rules to the Konfig, and you can customize the appearance of the product that is being configured. The custom-css setting allows you to use the Chrome inspector to inspect and modify the styles and the rules in the Konfig, and it allows you to create a unique and personalized experience for the end user of the Konfig.