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

From UBC Wiki
Jump to: navigation, search
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