Open the Theme DesignerUse the "." shortcut key to open the Designer, then Click on the Theme Tab and turn the Designer to "On". Navigate to the Code section of the Theme Designer
HTML Wrap |
---|
tag | span |
---|
class | product-navigation |
---|
| Theme Designer → Content → Custom CSS & Javascript → Code |
Click the magnifying glass to the right of CSS or JavaScript, which will open a dialog box.- The New (CSS or JavaScript) File window opens.
- Name your file (there is no need to add ".css" or ".js" to your file, this will be done automatically)
- Enter your code. Be sure to enter valid code using the appropriate syntax for comments and statements.
HTML Wrap |
---|
| Image Added |
Need to delete a file? Hover over the file you wish to delete and click the X. HTML Wrap |
---|
| Image Added |
Editing or Deleting your CSS or JavaScript files outside of Theme Press?There may be situations where you will need to edit or delete your CSS or JavaScript directly in your operating system, without using the Theme Designer. - Your CSS files are located in a "css" folder in your system:
HTML Wrap |
---|
| <Confluence Home Directory>/brikit/themes/<Your Theme Name>/css |
- Your JavaScript files are located in a "scripts" folder in your system:
HTML Wrap |
---|
| <Confluence Home Directory>/brikit/themes/<Your Theme Name>/scripts |
Use h4 for section headingsIf you don't want numbers in the section headings, simply remove the "numbered" class from this block. Note/Tip/Warning/Info blocks below are collapsed by default. If you want to use any of these, try to keep to just one per page. You may use two if necessary, but in general, try to limit these. |