Difference between revisions of "Add a custom stylesheet to Lessons"

From EdTech Help
Line 23: Line 23:
 
==Click the '''Save''' button==
 
==Click the '''Save''' button==
 
[[File:Save imported Lessons CSS.png|frame|center]]
 
[[File:Save imported Lessons CSS.png|frame|center]]
 +
 +
==Add styling to additional pages in the same Sakai site==
 +
Custom styles will not apply automatically to new Lessons pages, though the steps to manually adding t
  
 
{{Template:Lessons}}
 
{{Template:Lessons}}

Revision as of 19:29, 29 July 2020

A customized style sheet is available for download here that will help to style headings that you add to Lessons. You may need to use your internet browser's settings to Save the the page as a .css file. The following is a preview:

Styled Headings.png

Open the Lessons tool

Lesson tool select.png

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.

Edit page title, release, or style.png

Click Choose File

Click Choose File to import Lessons CSS.png

Upload a custom stylesheet from your computer

Upload CSS.png

Note that these steps might vary depending on your device's operating system.

  1. Locate and click upon your custom stylesheet or CSS
  2. Click Open

Click the Save button

Save imported Lessons CSS.png

Add styling to additional pages in the same Sakai site

Custom styles will not apply automatically to new Lessons pages, though the steps to manually adding t

More questions about the Lessons tool?


SAKAI logo2021.png

This page is adapted from an equivalent Sakai Community help article.

The original Sakai Community help article, unedited, is available at https://sakai.screenstepslive.com/s/sakai_help