Custom CSS

You can add custom CSS to a module, column, or row. 

Simply add your own custom CSS class to the element you wish to edit.

Let's say for example you want to add a custom gradient colour to a button with CSS.

1. Open the settings of the element - in this case a button module
   
   
   
2. Click 'Custom selectors'
   
   
   
3. Create a class name, for example 'customcolor'. The Editor automatically adds a cc_ to the name to avoid conflicts with other classes on the Mono Platform. As shown below, the class is now called cc_customcolor.
   
   
   
4. Click Save and refresh the Editor to ensure that any CSS changes are immediately reflected.
   
   
5. Navigate to Design > Custom CSS
   
   
   
6. Add your CSS code and your Class. For example:
   

   .cc_customcolor {
   background-image: linear-gradient
   (#ffffff, #969696);
   }

   
7. Click Save. 

Please note that the Mono Support Team can't provide support regarding any custom work.