Picture of Christophe Tillier
Question Theme and LESS file
by Christophe Tillier - Friday, 21 April 2017, 3:41 PM

Hi everyone,

I m a new user of this authoring tool, and I discover step by step how to customized theme... 

I have a little question about the next screenshoot :

I would to modify the colour of this title, but I don't really know where in less file go to change the good colour line. 


Thanks for your help,








Picture of Ignacio Cinalli
Re: Question Theme and LESS file
by Ignacio Cinalli - Friday, 21 April 2017, 5:41 PM

Hi Chis,  if you use the authoring tool you can go to  project settings > Custom CSS/LESS code and then add:

     .page-header-content {
         color : @black;

Or edit page-header-content in your less file: adapt-bgImages-master/less/src/page.less

.page-header-content {
        max-width: @device-width-large;
        margin: auto;
        color: @foreground-color-inverted;

The variable foreground-color-inverted is in less file adapt-bgImages-master/less/colors.less

Picture of Christophe Tillier
Re: Question Theme and LESS file
by Christophe Tillier - Monday, 24 April 2017, 7:41 AM

Hi Ignacio, 


Thank's for this reply, I will take a look at this in my project. :-)) 



Picture of Manuel Lienemann
Re: Question Theme and LESS file
by Manuel Lienemann - Monday, 15 May 2017, 9:17 AM


I'm wondering if there is a documentation about theming with classes in the Authoring Tool itself. Any thoughts?

Thanks :)

Picture of Helen Bailey
Re: Question Theme and LESS file
by Helen Bailey - Tuesday, 16 May 2017, 12:40 PM

I'm not sure - you can definitely add classes to your components though - in the properties for each there is a class field. Just type the classname in, no dots or hashes needed. 

You can also add your own css etc in the main Project settings there is a free text field for putting it in there to modify existing classes and add your own.

Hope that helps a little!