How to Make Your CSS Changes Take Effect Instantly
Enabling development mode
Before beginning any CSS customization you should turn on debug-/development mode. This will guarantee that caching and compression of CSS is disabled. This will also ensure that you can see your changes in real time, after refreshing your browser.
Here is how you enable debug-/development mode:
- log on to your Plone site as the 'admin' user
- add '/manage' to the URL to access the ZMI
- navigate to ZMI > portal_css
- click the Debug/development mode checkbox
- click the "Save" button
When you are finished making your CSS modifications you should disable debug-/development mode as it does impact the performance of your Plone site.
These instructions are not specific to any version of Plone.