Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g., fonts, colors, spacing) to web sites. In your LearnWorlds school you can use this feature to change the look of specific elements both inside your school (for logged in learners) and inside the pages that have been built with the Pages Builder (for non logged in learners). 

1 Go to Appearance.

2 Select either the "Built-in pages" option or the "Pages Builder pages" one:

If you select the first option, you can add your own CSS code to affect specific elements inside your school. If you want to affect specific elements in the pages that have been created with the Pages Builder, then you have to select the second option. In both options, write the CSS code inside the textarea and save your changes.

For example you might want to make the profile cards inside the People page rounded, so you have to write this CSS code in the textarea of the first option:

#peopleCards .profile-card {

    border-radius: 8px;


The CSS code will affect the cards in the People page and it will make them rounded as shown below:

Here are two other articles that will help you understand even more the functionality of this feature: