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,

 

Chris

 

21042017_1

21042017_2

 

21042017_3

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{
     .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. :-)) 

 

Chris

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

Hi,

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

Thanks :)

Picture of Helen Maffin
Re: Question Theme and LESS file
by Helen Maffin - 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!