After you pick your theme and build your ideal homepage, TalentLMS lets you customize the look and feel of your domain even further by adding your own CSS styles.

Here’s how to add CSS to your themes in five steps:

1. Sign in to your TalentLMS account as Administrator and go to Home > Account & Settings.

2. Go to the Themes tab and, from the Theme drop-down list, choose a theme to modify.

3. Go to the CSS (1) tab.

4. In the code area, type your custom CSS to override the existing styles.

For example, use the CSS code below to add a beautiful background to your theme:

.tl-body { background-image:url('https://i.imgur.com/Nl1iUtX.jpg'); opacity:1; }
div.readability { background-color:#ffffff; padding:5px; opacity:1;}

To avoid having an image that stretches on a long page you can use the code below:

.tl-body {
 background:url('https://i.imgur.com/Nl1iUtX.jpg') fixed;
 background-size:cover;
}

5. Click Update to save your settings or Save as new (2) to create a new theme that includes your changes. If you have created a new theme, make sure to click Set as active theme (3) so that the new theme is applied to your portal.