Difference between revisions of "Add a custom stylesheet to Lessons"
From EdTech Help
(11 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
__TOC__ | __TOC__ | ||
+ | A optional Cascading Stylesheet (CSS) is available to improve the cosmetic appearance of your Lessons modules and can be downloaded as added as desired. | ||
+ | The following is a preview: | ||
+ | [[File:Styled Headings.png|frame|center]] | ||
− | [https:// | + | ==Download the CSS to your computer== |
− | + | [https://raw.githubusercontent.com/mclare/edtech_styles/main/sakaiCustomCSSLessons.css Download the CSS here]. '''You may need to make use your internet browser's settings to Save the the page as a .css file.''' As an example, using '''CONTROL + S''' on a PC will do so or right click and Save As. | |
==Open the Lessons tool== | ==Open the Lessons tool== | ||
Line 26: | Line 29: | ||
==Add styling to additional pages in the same Sakai site== | ==Add styling to additional pages in the same Sakai site== | ||
Custom styles will not apply automatically to new Lessons pages, though manually setting them are generally a quick measure: | Custom styles will not apply automatically to new Lessons pages, though manually setting them are generally a quick measure: | ||
+ | |||
+ | ===Open the Lessons page that you've just created=== | ||
+ | [[File:Lessons Subpage button.png|frame|center]] | ||
+ | |||
+ | ===Click the '''Edit''' option=== | ||
+ | [[File:Click the Edit icon.png|frame|center]] | ||
+ | |||
+ | ===Select a custom CSS=== | ||
+ | [[File:Select the custom CSS.png|frame|center]] | ||
+ | |||
+ | #Click the '''Custom CSS File''' dropdown | ||
+ | #Select a CSS file that was used in previous Lessons pages in your Sakai site | ||
+ | #Click '''Save''' | ||
Line 31: | Line 47: | ||
[[Category:Lessons]] | [[Category:Lessons]] | ||
[[Category:Instructor]] | [[Category:Instructor]] | ||
− | [[Category:Sakai | + | [[Category:Sakai 20]] |
{{Template:Sakai Community Documentation}} | {{Template:Sakai Community Documentation}} |
Latest revision as of 17:06, 15 March 2022
Contents
A optional Cascading Stylesheet (CSS) is available to improve the cosmetic appearance of your Lessons modules and can be downloaded as added as desired. The following is a preview:
Download the CSS to your computer
Download the CSS here. You may need to make use your internet browser's settings to Save the the page as a .css file. As an example, using CONTROL + S on a PC will do so or right click and Save As.
Open the Lessons tool
Click the gear icon
Click upon the gear icon. The icon will read Edit page title, release, or style when hovered over with your curser.
Click Choose File
Upload a custom stylesheet from your computer
Note that these steps might vary depending on your device's operating system.
- Locate and click upon your custom stylesheet or CSS
- Click Open
Click the Save button
Add styling to additional pages in the same Sakai site
Custom styles will not apply automatically to new Lessons pages, though manually setting them are generally a quick measure:
Open the Lessons page that you've just created
Click the Edit option
Select a custom CSS
- Click the Custom CSS File dropdown
- Select a CSS file that was used in previous Lessons pages in your Sakai site
- Click Save