How can we help?

You are here:

With the help of CSS (Cascading Style Sheets), a style sheet language, the selector can be individually designed. In the settings of the digitizer, the appearance of all elements on the selector pages can be defined in the CSS editor, which can be enlarged using the arrow next to it. Some commonly used examples and information about CSS design are available for download as a PDF file.

Frequently used CSS settings: DOWNLOAD HERE

In general, a CSS rule for the selector looks like the example below. More detailed information can be found in the PDF file.

#foxbase-selector .mdc-button {
    colour: blue !important;

The addition of the ID selector "#foxbase-selector" is required to select the class selector "mdc-button". This selects the element to be designed. The associated rule sets are behind them in curly brackets. "color" describes the property of the element, followed by a colon and given a value ("blue"). In addition, "!important" is specified at the end of the CSS rule in order to overwrite existing rules. You can determine the respective selectors and current CSS settings in the browser in the developer tool under "Elements" and test changes there.

Was this article helpful?
How can we improve this article?
How Can We Improve This Article?
Table of contents


We look forward to your inquiry about the Digital Product Selector. Let's digitize B2B sales together in a sustainable way!

phone+49 211 1586 4066
addressOststrasse 10, 40211 Düsseldorf