University of Oregon

UO Blogs: Custom CSS Plugin

Audience
Faculty/Staff
Researcher
Student
GTF

This plugin allows you to edit and make changes to your blog using Cascading Style Sheets (CSS). While there is somewhat of learning curve involved, there are many free resources online to help you pick it up. An example provided by WordPress is http://www.w3schools.com/css/default.asp.

To add custom CSS to your site:

  1. Go to Appearance
  2. Select Custom CSS
  3. This will give you a window in which you can begin editing.  The CSS page looks something like this:

Some things you should remember:

  • You cannot edit the stylesheets of your theme. Your stylesheet will be loaded after the theme stylesheets, which means that your rules can take precedence and override the theme CSS rules.
  • CSS comments will be stripped from your stylesheet when outputted. */
    • /* This is a comment.*/
  • Things will be stripped out while using CSS include: HTML code, @import rules,  comments (upon output)

A recommendation provided by the CSS plugin creators is to experiment with CSS as you are learning it. It is also recommended that you try using CSS in a couple of different browsers.

When you are finished experimenting and are ready to publish, simply push “Save Changes” and you will be good to go.