Products.CustomOverrides 1.0.3

Custom CSS and JS injection for Plone

Add a custom file using Plone

Add a Plone File (ATFile).

• Prepare a custom.css or custom.js file
• In Plone, go to the desired folder
• Click the "Add item" menu
• Select "File"
• Upload the prepared file

The advantage of this method is that the familiar Plone interface can be used to upload the file. Its disadvantage is that the file can't be modified: You'd prepare a new file locally and replace the existing one instead.

Also be aware that:

• Plone files may be workflowed, depending on your site. If a custom file is private, it won't be visible to visitors who aren't logged in.
• Plone files may show up in your navigation, depending on your site's navigation settings.

Add a custom file using the ZMI

Add a Zope File.

• Either:
  • In Plone, go to the desired folder and append manage_main to the URL, or
  • Go to the ZMI straight away, and go to the desired folder
• Add a File, name it either custom.css or custom.js
  • You may choose to upload a locally prepared file.
• Edit the file.

This method is more flexible: it is possible to edit the file through the web. However, the ZMI is more complex to use, and requires higher permissions, so this method is for power users.