Additional CSS

We have a new tool for creating custom CSS. If you used the Custom CSS Manager in the past, look for your CSS in the Customize area of your site. See below. The Additional CSS tool only allows CSS, no JavaScript, HTML or other types of code.

WordPress now offers editing of custom CSS through the “Additional CSS” tool. This is available through the Customize too. You can add your own Cascading Styles (CSS) to any theme you are using on Sites@UCI. While it is not possible to edit one of the shared themes, if you know how to write CSS you can make changes to the appearance of your site using this tool.

Note: This is an optional plugin. If you would like to use custom CSS, please request it using the Optional Plugin Request Form. This is an advanced tool requiring knowledge of CSS.

Using Additional CSS

  1. Go to Appearance > Customize
  2. Select the Additional CSS module. (You must be a Site Administrator to be able to use the Customize tool.)
    Additional CSS module

  3. You will see a box allowing you to type or paste in your custom CSS code.
    Additional CSS example
  4. The Customize options lets you see the changes in real time before committing to them.
  5. Click Save & Publish to save your changes.

Note: You may want to keep a backup copy of your CSS. Simply copy and paste the code into a text editor and keep locally on your computer. If you ever lose your custom code, you can paste it back in.

CSS Resources

Here are some resources to help you with writing CSS.