Styling

The following example shows you how to change the way the Query Builder looks. You need to complete the following three steps:

1. Create a new CSS style sheet that contains modified styles.
   
   Use the default stylesheets as your starting point. Simply make copies of these files, rename them, and modify these copies without changing the originals. Here's a sample CSS sheet:
    
   
2. Copy the new CSS files to a directory other than jscdl.
    
3. Add the CSS import statements to the HTML code of the page you are going to add the Query Builder to.
   
   Make sure you import your new style sheets after the default ones. See example below: