How do I customize the look and feel of pages in Lessons?
If you have used cascading style sheets (CSS) in web design, you can create and upload a custom style sheet to adjust the layout, design, and formatting of your pages in Lessons.
Note: Creating a custom style sheet for Lessons is recommended for advanced designers only.
On your computer, create a CSS file to use. You can download and edit the one attached below to get started.
Tip: If you save the file with the name default.css, it will become the default for all the pages in Lessons in your site.
Select the Title of the page (e.g., Lessons, Activities, Week: 1) from the tool menu in your site.
Select the cog (Edit page title or style) icon near the top of the screen.
In the Settings window that pops up:
- Under Custom CSS File, use the Choose File button to select and upload a CSS file from your computer.
- Select Save.
If your file contains custom formatting to apply to particular elements on the page, you can use the Custom CSS class option on each of those items. For example, to make links look like buttons, edit each link as described below.
- In the Custom CSS class box, enter the style needed to modify the item. In this example, we are entering "iconGone blue-button-link" which is one of the link styles in the style sheet attached above.
- Select Update Item.