monocolor
Demo Get this theme
Search
⌃K
Links
monocolor
Changelog
Requirements
Getting started
Theme Installation/Update
Translations
Recommended plugins to install
Demo Content
Demo content
Front Page Blocks
Show/hide for non-logged in users
Blocks Order
Block #0 - Default Moodle Front Page Blocks
Hero Blocks
HTML Blocks
Advanced Options
Additional Classes
Custom Block Title
Custom CSS field
Custom CSS/SCSS for Blocks
Gradient Titles
Rounded Boxes/Containers
Rounded Images
Re-usage HTML code snippets
UI Kit
Global Styles
Course Layout
Course Formats
Paid Courses
Theme Settings
General
SEO
Customization
Login page
Top Bar
Footer
Course Page
Google/Custom Fonts and GDPR
More
🕶
Show/hide for non-logged in users
🌑
Show/hide on the Dark Mode
Server recommendations
Graphics, Icons etc.
Powered By GitBook
Comment on page

Custom CSS/SCSS for Blocks

Where can I add a custom CSS?

Site administration -> Appearane -> Monocolor -> Advanced -> Raw SCSS
/* Block #5 */
.rui-fp-block--5 {
.rui-block-title {
@include media-breakpoint-up(lg) {
color: red;
}
@include media-breakpoint-only(md) {
color: purple;
}
@include media-breakpoint-between(xs, sm) {
color: blue;
}
}
}
Previous
Custom CSS field
Next
Gradient Titles
Last modified 11mo ago