How to Create New CSS

Overview
CSS can be added to any theme to achieve desired appearance of the application. If you have not created a theme you can find more information on this process in the How to Create a New Theme tutorial. If you have a theme that you would like to add CSS to, please read on to the rest of the procedure.

Procedure
Step 1. Select the Theme Which to Add CSS

Under the Setup tab, select the Branding node which is located under the Develop category. This will display a list of all themes in the system. Select the theme you would like to add CSS to. This list will look similar to below.




Step 2. Create New CSS File

Select the CSS node under Branding. This will display a list of all CSS files for this theme and it's priority. If you have not created any CSS files for this theme the list will be empty. Select the new button to begin the process of creating your new CSS file. The wizard will look similar to below.



Complete the form using the table below.

Field Name Description
Field Name Provide a descriptive name for the new CSS file.
Priority This is used if you use multiple CSS files. The lower the number here the higher the priority of this file if the same rule is found in another CSS file.
CSS Data Here is where you will load the actual CSS text. Tags can be found using browser developer tools.



Next Steps
How to Upload New Images - Once you have themes created and CSS data loaded, the last step (if desired) is to upload custom images. These images can be references from your custom CSS data. For more information on uploading images please follow the link.

Have more questions? Submit a request

Comments

Powered by Zendesk