Skip to content. | Skip to navigation

Personal tools
Log in
Sections
You are here: Home How To Plone 3 Edit Custom CSS

Edit Custom CSS

How to tweak the custom CSS of your Plone 3 site.

These are general instructions for customizing your plone 3 style sheets. These instructions are borrowed somewhat from InSmallSteps, with additional instructions that streamline the process of perfecting your CSS.

  1. Open several tabs or windows.
  2. In the first tab, which will call the css tab, open your plone site and navigate to
    • site setup
    • Zope Management Interface
    • portal_skins (Controls skin behaviour (search order etc))
    • plone_styles

      custom for me

    • ploneCustom.css

      themeArctic.css  for me

  3. In the second tab, which well call the registry tab, open your plone site and navigate to
    • site setup
    • Zope Management Interface
    • portal_css (CSS Registry)
  4. In the third tab, which we'll call the test tab, open a page from your site that you want to look at when you make changes to the css.
  5. Edit the CSS in the css tab.
  6. Click the "Save" button near the top of the page in the registry tab.
  7. Refresh the test tab to see the effects of your changes.
  8. Go to Step 5 if you aren't satisfied, or stop when you are.