How to Add Custom CSS to Articulate Rise Courses for Free
Want to add custom CSS to your Articulate Rise courses for free? You're not alone. Many instructional designers and e-learning developers want to go beyond the default Rise look and create a truly branded, unique experience. In this guide, we'll show you how to easily add CSS to Rise courses—no manual file editing required.
Why Add Custom CSS to Articulate Rise?
Articulate Rise is a fantastic tool for building responsive e-learning, but its design options are limited. If you want to:
- Match your company's branding
- Adjust spacing, button styles, or block layouts
- Make accessibility improvements
- Stand out from other Rise courses
- Create something fun and unique
—you'll need to add your own CSS. But doing this manually is tedious and error-prone.
The Easy Way: Use Slate for Rise (formerly RiseOverride) (Free Chrome Extension)
Slate for Rise (formerly RiseOverride) is a free Chrome extension that lets you add custom CSS to your Rise courses automatically. No unzipping, no separate code editors required, no risk of breaking your course. Here's how it works:
- Install Slate for Rise (formerly RiseOverride) from the Chrome Web Store
- Open your course in Articulate Rise
- Click the Slate for Rise (formerly RiseOverride) extension icon and paste your CSS (and/or JavaScript) into the built-in code editor
- Publish your course in any format (SCORM 1.2/2004, xAPI, Web, AICC, cmi5)—your custom styles are automatically applied
- Upload to your LMS or host as needed
It's that simple. No account or sign-in required, and your code stays private on your device.
What Can You Customize with CSS in Rise?
- Primary and accent colors
- Fonts and typography
- Button shapes, colors, and hover effects
- Spacing, margins, and padding
- Block backgrounds, borders, and shadows
- Navigation and progress bar styles
- Animations
- Accessibility tweaks (contrast, focus states, etc.)
With a few lines of CSS, you can transform the look and feel of your Rise course.
Why Use Slate for Rise (formerly RiseOverride)?
- Free forever: Loaded with free features, with Pro features available for power users
- Private: All code runs locally—nothing is uploaded
- Fast: Patch your course in seconds
- Safe: Your original files are never changed
Learning and development pros use Slate for Rise (formerly RiseOverride) to save time and deliver better-looking courses. Try it for yourself and see how easy it is to add CSS to Articulate Rise—completely free.
Install Slate for Rise (formerly RiseOverride) for free and start customizing your Rise courses today!