Custom CSS

WordPress now offers editing of custom CSS through the “Additional CSS” tool. This is available through the Customizer too. You add your own Cascading Style Sheet (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 Custom CSS

  1. Go to Appearance > Customize
  2. Select the Additional CSS module.
    Additional CSS
  3. You will see a box allowing you to type or paste in your custom CSS code.
  4. Click Save & Publish and preview your site to see if the changes work as expected.

Note: You should keep a backup copy of your CSS file in the event something goes wrong. 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.