Documentation:UBC Content Management System/How to/How do I add custom CSS to my site?

UBC CMS Codex
Welcome to the support documentation for the UBC CMS Service.
Contents
UBC Content Management System
UBC Collab Theme
UBC Collab Theme Overview Theme Options Index CLF Options Layout Options Frontpage Navigation Display Options SEO Export Import Global Theme Options
Dashboard Overview Pages and Posts Adding Users
Menus Widgets Plugins Forms Shortcodes RSS Feeds Going Live
Complete Topic Index PDF Wiki Book Version

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

See Also

Adding borders to an HTML table