First, you need to enable the Custom CSS plugin for your site if it isn't already enabled. (Enabling Plugins)

Once the plugin is enabled:

  1. Login to your site
  2. When viewing your site (not the dashboard) a link labelled Edit custom CSS should appear in the admin bar, click this.
  3. A pop-up window will appear where you can input CSS. You can see your changes instantaneously on your site as you modify the CSS code.
  4. Don't forget to save your changes when you're done.

If the pop-up causes problems, you can also edit your custom CSS in the dashboard:

  1. Go to Dashboard -> Appearances -> Custom CSS
  2. Add your code to the Edit CSS field
  3. Save Changes and then view your site to ensure your CSS has the desired effect.

IMPORTANT: Loading the website in all major internet browsers - Chrome, Firefox, IE, Opera, and Safari - is recommended as some style issues may only appear in specific browsers

source: https://wiki.ubc.ca/Documentation:UBC_Content_Management_System/How_to/How_do_I_add_custom_CSS_to_my_site?

One response to “CSS”

  1. Jasmine Devonshire

    Does the custom CSS plugin allow media queries? I am playing with this right now and having some issues.

Leave a Reply

You must be logged in to post a comment.