Comment on page
Block #1 - Hero Slider
Hero Slider #1

- Full-width container: Off
- Content Wrapper Alignment: Left
- Slider interval: 7000
- Slides: 3
Slide #1
Slide #2
Slide #3
Slide Heading: Meet a new Moodle Theme
Slide Caption: (Switch to the HTML/Code View)
HTML Code
1
<p class="text-size-xl">Get this amazing theme <a class="underline--anim">today.</a></p>
2
<p class="text-size-md">The Monocolor theme is fully compatible with the latest Moodle version.</p>
3
<p class="text-size-xs mt-3">Learn how to use this theme. Check out <a href="https://rosea.gitbook.io/monocolor/" class="underline--anim" target="_blank">extended documentation.</a></p>
More options
If you want to display or hide some elements for non-logged-in users use dedicated class names:
For non-logged-in users: hidefornotloggedin
For logged-in users: hideforloggedin
Slide Image:
- Size: 1200px x 600px
Slide Heading: Works with Moodle 4.x
Slide Caption: (Switch to the HTML/Code View)
HTML Code
1
<p class="text-size-lg">The Monocolor theme is fully compatible with the latest Moodle version.</p>
2
<p class="text-size-xs mt-3">Learn how to use this theme. Check out <a href="https://rosea.gitbook.io/monocolor/" class="underline--anim" target="_blank">extended documentation.</a></p>
More options
If you want to display or hide some elements for non-logged-in users use dedicated class names:
For non-logged-in users: hidefornotloggedin
For logged-in users: hideforloggedin
Slide Image:
- Size: 1200px x 600px
Slide Heading: Just wow!
Slide Caption: (Switch to the HTML/Code View)
HTML Code
1
<p class="text-size-xl">Get this amazing theme <a class="underline--anim">today.</a></p>
2
<p class="text-size-md">The Monocolor theme is fully compatible with the latest Moodle version.</p>
3
<p class="text-size-xs mt-3">Learn how to use this theme. Check out <a href="https://rosea.gitbook.io/monocolor/" class="underline--anim" target="_blank">extended documentation.</a></p>
More options
If you want to display or hide some elements for non-logged-in users use dedicated class names:
For non-logged-in users: hidefornotloggedin
For logged-in users: hideforloggedin
Slide Image:
- Size: 1200px x 600px
- Full-width container (Full width: 100%, Standard: max-width: 1200px )
- Block Intro Content (HTML Content before the block)
- Content Wrapper Alignment (Left, Middle, Right)
- Heading Size (Normal, Large, Extra Large)Normal: 40px , Large: 60px , Extra Large: 80px
- Heading Color (Black, White, Gradient)Gradient: $primary-color-200, $primary-color-600// CSS class.rui-text--gradient
- Heading Font Weight (Normal, Medium, Bold)
- Show Colorized Content Wrapper (On/Off)
- Content Wrapper Color (HEX)
- Slider interval
- Slider Count (up to 7 slides)
Last modified 11mo ago