Sometimes, you may need to use custom CSS or JavaScript to achieve an objective that isn't built into Theme Press.

Custom JavaScript or CSS added to your theme has the potential to be incompatible with future versions of Confluence or Theme Press and you should be very familiar with Theme Press capabilities to assure that it is really needed.

To add custom CSS or JavaScript

  1. From the Theme tab of the Theme Press Control Panel
  2. Under the Content section, expand the Custom CSS & JavaScript accordion
  3. Click the Code expander
  4. Click the magnifying glass to the right of CSS or JavaScript
  5. Click the upload button ()

 

To add custom CSS or Javascript directly to Theme Press.

  1. From the Theme tab of the Theme Press Control Panel
  2. Under the Content section, expand the Custom CSS & JavaScript accordion
  3. Click the Code expander
  4. Click the magnifying glass to the right of CSS or JavaScript
  5. Click the add button ().
  6. The New (CSS or JavaScript) File window opens.
  7. Name your file and enter your code.

 

 


To delete your custom CSS or JavaScript, complete the following procedures.

  1. From the Theme tab of the Theme Press Control Panel
  2. Under the Content section, expand the Custom CSS & JavaScript accordion
  3. Click the Code expander
  4. Click the magnifying glass to the right of CSS or JavaScript
  5. Hover over the file you wish to delete and click the X.

 


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 Theme Press Designer.

Find your CSS files in the "css" folder at this location in your system:

<Confluence Home Directory>/brikit/themes/<Your Theme Name>/css

Find your JavaScript files in the "scripts" folder at this location in your system:

<Confluence Home Directory>/brikit/themes/<Your Theme Name>/scripts

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the Steps block above to narrow the gap between the two blocks.

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.