Tip: Adapt builds courses with HTML and CSS so if you are familiar with these you should be right at home once you know where you can enter your code. 

If you want to make design changes its well worth learning some CSS basics.



Controlling specific words.

Most paragraph blocks in the authoring tool support editing in "source" mode. This will show you the HTML code for the text field.


You can specify font sizes in HTML with the style attribute like so:


<p><span style="font-size:30px">Hello</span><span> World</span></p>


Creating Reusable Styles (Classes)


With CSS you can create a style that you can use throughout your course. This is known as a class.


Classes are entered in the the "Custom CSS/LESS code" field on the projects settings page:


.myClass{
    font-size:30px;
    color:red;
}


The class above sets the font size and color.


Now in the source of your text block you can set the class on the text instead of typing all of the style settings. This means you use the same settings whenever you need.


You will also find a "Classes" field in the settings panel on most items in the authoring tool (articles, blocks componentes pages). Entering a class into a Classes field will apply the style to the whole object. 



The use of CSS in Adapt can get quite complicated, the default themes contain thousands of lines of code. Sometimes the existing CSS may be overwriting your classes. Please reach out if you need help.